CSS qui reste en place

Fermé
alexcool188 Messages postés 74 Date d'inscription mardi 18 août 2009 Statut Membre Dernière intervention 11 juillet 2010 - 6 avril 2010 à 01:29
badger25 Messages postés 9 Date d'inscription mardi 13 janvier 2009 Statut Membre Dernière intervention 7 avril 2010 - 7 avril 2010 à 13:09
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!


3 réponses

avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
6 avril 2010 à 01:37
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
0
alexcool188 Messages postés 74 Date d'inscription mardi 18 août 2009 Statut Membre Dernière intervention 11 juillet 2010 2
Modifié par alexcool188 le 6/04/2010 à 01:52
Merci pour le centre... Mais j'ai des colonnes sur les côtés... Pour que tu comprenne mieux, voici de quoi il à l'air maintenant (je vais complètement refaire la mise en page, il ne sera plus bleu et il se chargera beaucoup plus vite...): www.ledebarrasdalex.webatu.com/PAGE_DE_BASE.html
0
avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
Modifié par avion-f16 le 6/04/2010 à 13:20
Alors crées un div contenant les trois colonnes.
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 ?
0
alexcool188 Messages postés 74 Date d'inscription mardi 18 août 2009 Statut Membre Dernière intervention 11 juillet 2010 2
6 avril 2010 à 23:40
Le gabarits je les comprends vraiment pas! Je suis plutôt débutant là-dedans...
0
badger25 Messages postés 9 Date d'inscription mardi 13 janvier 2009 Statut Membre Dernière intervention 7 avril 2010
6 avril 2010 à 09:30
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.
0
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
7 avril 2010 à 12:57
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.
0
badger25 Messages postés 9 Date d'inscription mardi 13 janvier 2009 Statut Membre Dernière intervention 7 avril 2010
7 avril 2010 à 13:09
houhou sympa ca! je n'y avais jamais pensé! ca va mettre bien util je pense! merci
0