28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
Je souhaiterai avoir ce genre de mise en page pour le fond. Mais ne maitrisant pas tout à fait le CSS je ne trouve pas encore de solution
upload/16397-test.png

Le bandeau en haut est une image, et celui du bas sera une couleur web.
Je souhaite que ces bandeaux s'étirent sur toute la largeur de l'écran en 1024 sans avoir de scroll ni de marge de chaque coté sur IE et Firefox.

Est possible de mettre des bandes comme sur mon exemple en CSS ?
Et avez vous une piste qui pourrait me servir à mettre en œuvre ce design ?
D'avance merci
A bientot
Baptiste
Bonjour,

batsite a écrit :
Est possible de mettre des bandes comme sur mon exemple en CSS ?

Oui, mais on utilisera sans doute des images de fond répétées en largeur (background-repeat: repeat-x) pour cela.

batsite a écrit :
Et avez vous une piste qui pourrait me servir à mettre en œuvre ce design ?

Avoir un conteneur global qui prenne toute la largeur (automatique pour un élément de type bloc). Remettre les marges et padding de l'élément body à zéro. Placer la première image de fond en fond de body, et la deuxième image de fond en fond du conteneur global. Ne pas oublier d'utiliser les propriétés background-repeat et background-position.