Discussion :

[Marc22]

Bonjour,

je voudrais mettre un bandeau_haut qui se répète horizontalement sur toute la largeur de l'écran, et sur 10 pixels de hauteur.

si je mets 2000 px de width ça marche, mais je voudrais agir de façon moins barbare, de façon à ce que ça s'adapte à la résolution de chacun. Pour ceux qui sont en 1024, que ce soit 1024, ceux qui sont en 1680 pareil etc...

Merci

[austriker]

Bonjour,
Alors je ne pense pas que width auto fonctionnerai (même si il me semblait que ca définissait la width sur 100%), mais moi d'habitude je fais comme ca:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
#bandeau_haut {
     width:100%;
     height:10px;
     background:#000 url(images/bandeau_haut.png) repeat-x 0 0;
}

En éspérant t'avoir aidé.
Austriker.

[Macmillenium]

Bonjour,

La propriété width peut-elle prendre une valeur style "auto" qui s'adapte à la résolution?

auto étant la valeur initiale de la propriété width, les navigateurs attribuent par défaut un width:auto.

@austriker : Le width:100% est inutile sur un élément présent dans le flux (non flottant, non positionné en absolute ni fixed), celui-ci occupe par défaut toute la largeur à disposition.

[Marc22]

Oui c'est vrai Macmillenium pour le width par défaut si on met background-repeat à repeat, ça remplit par l'image partout,

mais comme j'ai dû redéfinir le body en mettant margin-top à 0 sinon ça me laissait un petit espace entre le haut de l'écran et le bandeau. le div#bandeau_haut inclus dans le body n'a pas le même comportement.

Et pourtant je n'ai touché qu'à margin-top du body.

Par contre le 100% a l'air de fonctionner.

Merci à vous