fond de page et bas de page

[Athnor]

bonjour voilà mon problème, sur mon forum j'ai installé un fond de page avec une bannière en render pour faire le principe de bannière en fond de page.
Seulement mon fond de page ne va pas jusqu'en bas de la page, j'ai beau étirer l'image sur paint ou photophiltre rien ne marche je pense qu'il faut passer par le CSS
actuellement j'ai

Code:

body{
    background-position: top center;
    background-repeat: no-repeat;
    width: auto;
    height: auto;
}

malheureusement j'ai toujours une bande blanche sur le bas de ma page...
Bon après vous allez rigoler je voulais vous mettre une image pour mieux me faire comprendre mais j'ai oublié complétement mon code d'admin...donc le temps que je le retrouve...bah vous aurez peu étre déjà résolu tout sa hahaha
en restant calme je suis sur que je vais retrouver ce &é"&(-è% de code :zen:

[missx]

tu peut toujours ruser en y mettant en + une couleur qui se rapproche de la couleur de ton image.
avec du noir ton css donne ceci :

Code:

  body{
background-color:#000000;
            background-position: top center;
            background-repeat: no-repeat;
            width: auto;
            height: auto;
        }

A+

[Athnor]

J'attend la réponse de chacha pour le code, j'espère qu'elle va me répondre rapidement.

hum oui donc la bande blanche va devenir une bande noir

voici mon forum

le souci est que mon fond de page contient une genre de fenétre....

Un ami m'a dis "un bon admin prendrai certainement une bande de 1px du bas de ton image et le répéterai jusqu'en bas"

étant très occupé il ne peux pas m'aider plus, qu'en pensez vous, c'est possible? réalisable? en passant par le css peu étre... en tout cas merci de votre réponse!!!

[Invité]

Bonjour,

Dans PA > Affichage > Gestion des images > Mode avancé, en cochant "fond de page fixe", ça ne résout pas ce soucis?

Bien sincèrement.

[Athnor]

oui mais qu'a moitié, en effet j'ai plus de bande blanche mais le corps du forum passe sur la "bannière fond de page"

je chipote désolé :/ d'un côté c'est un défi pour moi qui n'y connais rien de créer un joli forum...

voici ce que j'aimerai faire si c'est possible.



sinon voici peux étre une piste:

le haut de mon forum:
image du haut
le milieu de mon forum sur lequel on pourrai répéter le dernier pixel de l'image:
Image du milieu
le bas de mon forum qui lui ne doit pas étre répété en y:
image du bas



vous allez étre fière de moi:

Code:

body {
background-image: url(http://i48.servimg.com/u/f48/17/68/96/37/repeat11.png);
background-repeat: repeat-y;
background-position: center top;
position: relative;
min-height: 100%;
top: 0px;
padding: 0px;
}
.conteneur_minwidth_IE {
background-image: url(http://i48.servimg.com/u/f48/17/68/96/37/fond_d16.jpg);
background-repeat: no-repeat;
min-height: 100%;
position: relative;
top: 0px;
background-position: center top;
width: auto;
height: auto;
}

sa marche niquel mais malheureusement mon ami n'a pas eu le temps pour le bas de page, une idée?

[Invité]

Bonjour,

Peut-être comme ceci:

Code:

#page-footer{
background-image: url(http://i48.servimg.com/u/f48/17/68/96/37/test_b11.jpg);
background-repeat: no-repeat;
min-height: 100%;
position: relative;
top: 20px;
background-position: center top;
width: auto;
height: auto;}

Bien sincèrement.

[Athnor]

sa ne marche pas j'ai modifier un peux le code:

Code:

#page-footer{
background-image: url(http://i48.servimg.com/u/f48/17/68/96/37/test_b11.jpg);
background-repeat: no-repeat;
min-height: 100%;
position: relative;
top: 0px;
background-position: center top;
width: auto;
height: auto;
padding: 0px; }

mais sa ne marche toujours pas, j'ai un rectangle juste en bas qui ne prend pas toute la largueur de la page.

merci de ton aide précieuse en tout cas.

[Athnor]

UP

[Athnor]

désolé je UP 22h après le précédent :/
personne n'a une ?

[Athnor]

bon mon ami y est arrivé, le souci venait que mon forum est à 60% de la page donc il a fait un script

Code:

$(function(){

var footer = document.createElement('div');
footer.id  = "footer";
document.getElementById('phpbb').appendChild(footer);

});

puis il a repris votre css et l'a légèrement modifié:

Code:

/*bas de page*/
#footer{
background-image: url(http://i38.servimg.com/u/f38/17/58/04/62/bas_de10.jpg);
background-repeat: no-repeat;
min-height: 100%;
position: relative;
top: 20px;
background-position: center top;
width: auto;
height: 224px;}

voilà merci pour tout quand même, j'édite en résolu!! :youopi: