Arrière-plan aligné verticalement avec div

J'essaie de créer une image de fond pleine largeur qui s'aligne verticalement avec une div centrée. Devrais-je créer un wrapper autour de tout le contenu, ou existe-t-il un autre moyen de le faire (sans positionnement absolu)? Merci.Arrière-plan aligné verticalement avec div

alt text http://img229.imageshack.us/img229/7391/99479284.png

EDIT: Désolé si je ne l'explique très bien. J'ai changé l'image.

Source

2009-12-05 Internet man

Je ne comprends pas ce que vous voulez dire. Peux-tu poster un lien? Comment est le div centré? –

Dans votre diagramme, qui est la div, et qui est l'image de fond? – EMiller

@EMiller: Je suppose que le bleu est l'image de fond car il est censé être pleine largeur. Mais je dois admettre, je suis plutôt confus par la question. –

images d'arrière-plan ne présentent pas à l'extérieur de leurs éléments contenant. Cela ne signifie pas que tout ou partie d'une image d'arrière-plan ne peut pas être positionnée en dehors de son élément, juste que les parties qui sont en dehors de la limite de l'élément ne seront pas affichées lorsque la page est rendue.

Donc, en bref, oui. Vous devrez utiliser un div wrapper.

Source

2009-12-14 21:19:46 bitbucket

Merci - J'ai fini par utiliser un emballage alors j'accepte votre réponse. –

Oui, vous souhaitez utiliser un emballage:

CSS:

#wrapper { width: 100%; background: url(yourimage.png) left center repeat-x; } 
#content { width: 960px; margin: 0 auto; }

HTML:

<div id="wrapper"> 
    <div id="content"> 
     My content 
    </div> 
</div>

Source

2009-12-05 16:04:53

Arrière-plan aligné verticalement avec div

Répondre

Questions connexes