Header sur toute la page du forum, largeur

[angepandora]

Bonjour

Voilà mon petit souci dont je ne suis pas arriver à trouver la solution.

Je souhaiterais que mon header prenne tout le haut du forum automatiquement, en gros, que selon l'écran on ne soit pas obligé d'agrandir la page avec ctrl + pour que cela fonctionne. Voici mon forum test : http://testdesign.newforumpro.com/

Voici le css

body {
background-image: url("https://i.servimg.com/u/f42/15/02/26/34/sans_t36.jpg");
background-color: #000000;
background-attachment: scroll;
background-repeat:no-repeat;
background-position: center;
height:500px; }

Merci de votre aide.

[Invité]

Coucou,

Tu parle du header met dans ton code ta mit un background Alors tu veux un background sur toute la page ou un header ? comme image titre genre ?

[angepandora]

Oups c'est t'être pour cela que je trouvais pas XD oui l'image est un background, je voudrais qu'il n'y ai plus de marge rien, qu'elle fasse la largeur entière du fofo...

Je me sens couillonne d'un coup si depuis le début je me suis trompée de mot pour mes recherches XD

[Invité]

Dans ton CSS met cela:

Code:

body
{
background-image: url("ICI LE LIEN !");
background-attachment: fixed;
background-position: center;
overflow: auto;
width: 100%;
height: 100%;
margin: auto;
}

[angepandora]

Merci, Je viens d'essayer, l'image est répété dans tout le fond...

[Invité]

Et avec cela ?

Code:

body
{
background-color: #e8f0f4;
background-image: url(ICI LE LIEN);
background-position: top center;
background-repeat: repeat-x;
}


[angepandora]

Ah! C'est mieux, il faut peut être que j'élargisse mon image de fond du coup? Maintenant c'est bien en haut mais l'image est répété sur la largeur

[Invité]

Elle est répeter sur la lageur car au repeat jai mit X sinon tu peux mettre y cela va faire le contraire.. Ou tu peux mettre a la place de reapet x un no-repeat

[angepandora]

je te remercie, j'ai agrandis l'image je pense que ça ira un grand merci pour ton aide

[Invité]

Cela fait plaisir,

Au plaisir de vous aidez de nouveau !