Centrer un div en css mais largeur non fixe

Hawk²

29 Jun 2006 à 21:20

Bonjour à tous,

Voila c'est mon premier post et je ne sais pas si c'est la bonne rubrique.

Sinon tout est dans le titre
j'ai bien vu le sujet suivant
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS[/url]
mais on parle de DIV avec une largeur fixe, ce que je souhaiterais serait div centré avec un width de 95 % par exemple

Voila Merci à tous

Thomas D.

30 Jun 2006 à 01:50

Salut.

Suggestion non testée : un margin de 2.49% à droite & à gauche, qu'est-ce que ça donne ?

ilhooq

30 Jun 2006 à 02:01

Salut, un margin:auto peut faire l'affaire dans ce cas.
exemple:


<body>
<div style=" width:60%;height:20%;margin:auto;background-color:#00CCFF; ">test</div>
</body>

___seb

30 Jun 2006 à 11:32

Les 2 solutions,

<div style="border:1px solid red; margin:auto; width:60%;">yep</div>';

et

<div style="border:1px solid red; margin-left:20%; width:60%;">yep</div>';

marchent sous firefox

kemar

30 Jun 2006 à 12:37

dans la mesure ou tu spécifie une largeur à ton bloc (sous forme de pourcentage y compris), tu peux le center en utilisant les techniques classiques :

margin: auto

plus bien sur

text-align: center

dans le bloc parent pour IE

Christian Le Bouler

30 Jun 2006 à 12:44

Salut,

une solution très pratique aussi pour gérer la question des padding appliqués au conteneur (surtout si on les veut en valeurs fixes) ou bien pour travailler avec un min-width.


div {
margin-left:20%;
margin-right:20%;
}

Si le div en question est un conteneur global on peut aussi faire :


body {
margin-left:20%;
margin-right:20%;
}