28172 sujets

CSS et mise en forme, CSS3

Un div sous mon div global qui prend toute la largeur? [ Résolu ]

Bonsoir à tous !

J'ai mon div global qui contient donc tout les autres div du site.
Voici son css:

#global {
min-height: 100%;
width: 827px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
ps: un z-index ne marche pas apparement

source:alsacreations Smiley cligne

Je voudrais faire en sorte qu'une image prenne tout la largeur de la page et passe derriere le div global...

Comment faire ceci je ne parviens pas à trouver la bonne méhode!
Une idée?
Merci d'avance pour votre aide!
Modifié par nims (21 Feb 2009 - 20:38)
Bonjour nims,
As-tu essayé de positionner une image en background de ton <body> (si j'ai bien compris ce que tu voulais faire)?
non car l'image que je veux mettre représente un ruban.
Il doit se trouver un hauteur bien précise.
nims a écrit :
non car l'image que je veux mettre représente un ruban.
Il doit se trouver un hauteur bien précise.


Si cette hauteur est toujours la même (en partant du haut), il suffit de faire une image avec le ruban à la position souhaitée et de le mettre en fond.
ok Mikerob faut que je restest ca!
Par contre pour ton idée Laurie-Anne je suis pas ok car ca va me faire utiliser une grosse image alors que la mienne fait 1px*40px
Si la zone de "vide" a rajouter est de couleur unie, le poids global de l'image, ne sera pas beaucoup plus lourd.

Fait les tests.

Cette solution est certainement la plus simple et la plus propre à mettre en place (commencer à jouer avec du positionnement relatif et du z-index, pour moi ce n'est pas propre ^^; ).
Je reviens dans la discussion: pourquoi ne pas mettre une image en background, en jouant sur sa position et le repeat-x?
background: url(ruban.gif) left 20px repeat-x;

Où la mesure 20px représente la position en hauteur…
Bonjour à tous !

Alors j'ai essayé le z-index mais ca ne fonctionne pas !
le div ruban n'apparait pas !

par contre l'idée de Speedlab marche nikel !!
merci beaucoup!
Modifié par nims (21 Feb 2009 - 20:37)
Sujet clos
Aller à