CSS qui reste en place
alexcool188
Messages postés
74
Date d'inscription
Statut
Membre
Dernière intervention
-
badger25 Messages postés 9 Date d'inscription Statut Membre Dernière intervention -
badger25 Messages postés 9 Date d'inscription Statut Membre Dernière intervention -
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!
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!
A voir également:
- CSS qui reste en place
- Mon pc s'allume mais lécran reste noir sans bip - Guide
- Combien de temps reste une story sur facebook - Guide
- [Arobase] à la place de @ ✓ - Forum Windows
- Dans le diaporama à télécharger, les diapositives s’enchaînent automatiquement. combien de temps la diapositive crayon met-elle à s’afficher ? combien de temps reste-t-elle affichée à l’écran ? ✓ - Forum Powerpoint
- Ø ce symbole à la place de l'arobase - Forum MacOS
3 réponses
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
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
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.
Et ensuite tu met un margin:auto a ta div page, pour la centrer dans la fenetre.
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:
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.
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.
Ou tu peux même mettre tous tes div dans un seul div avec largeur fixe et centré.
Tu as été voir les gabarits que je t'ai donné, pour t'inspirer du code source ?