CSS qui reste en place

Question

Bonjour,

Je travaille présentement sur mon site, mais je rencontre un problème: j'utilise le CSS pour faire des "bannières" dans le haut, le bas, les côtés et le centre chacune ayant son propre style grâce à l'image de fond d'écran. Le problème est que sur mon ordinateur, mon site apparaît correctement, sauf que sur les ordis avec une plus grande résolution, le style des "bannières" se répetent. 

Pour remedier à ce problème, je voudrais mettre tout centrer dans la page, et que, si un ordi avec une plus grande résolution vient sur mon site, l'espace en trop sera comblé par un fond... EXEMPLE: http://gihef.bey.free.fr/CCM/ddg-party/ddg-party.html

Pourriez-vous s'il-vous-plaît m'expliquer comment faire?

Merci!

Configuration: Windows Vista / Firefox 3.6.3 / Dreamweaver

avion-f16 · Answer

Il suffit de mettre une largeur fixe à tes éléments, et de les centrer avec un margin:auto;
Pour le centre où il y a la colonne et le contenu, tu peux créer un div avec largeur fixe et centré qui contient ces deux div (colonne + contenu).

http://www.alsacreations.com/static/gabarits/liste.html

badger25 · Answer

Et si tu place tout dans une div "page" par exemple, et que tu lui donne une width précise, du genre 1246px (la largeur de ta banniere). Là les coté seront toujours au bon endroit, mais le design ne sera pas extensible.

Et ensuite tu met un margin:auto a ta div page, pour la centrer dans la fenetre.

arthezius · Answer

Le problème avec margin:auto; c'est qu'il n'est pas pris en compte avec IE6.
Je procède personnellement ainsi pour centrer le contenu des mes pages:
div#container {
width:900px;
position:absolute;
left:50%;
margin-left:-450px;
}

Pour ce qui est de créer un div global contenant tout le contenu du site et permettant de le centrer je suis d'accord.
Je l'appelle toujours container comme dans mon exemple ci-dessus.

CSS qui reste en place

3 réponses

Discussions similaires

Newsletters