28221 sujets

CSS et mise en forme, CSS3

J'ai un div pour tout le contenu de mon site (partie du site qui change, le centre quoi). J'aimerai que tout ce que je met dans ce Div soit centré (image, texte, autres div etc...)
j'ai donc :
<div id="contenu">....</div>
CSS :
#contenu {
	position: relative;
             padding-left: 10px;
	top: 50px;
	left: 140px;
	width: 84%;
	text-align: center;
}

J'ai mit en relative pour que le contenu serve de parent pour des images qui sont tout le temps en dessous du contenu. le text-align: center ne fait effet que sous IE, sous Mozilla c'est collé a gauche. Y'a donc un pb mais je vois pas Smiley ohwell
Par ce que dans la page que j'essai de faire ->ICI j'ai une image et un bloc de texte, chacun dans un div. J'ai essayé le text-align: center dans eux aussi mais marche pas :S

Ah si et je veux que mes elements soit en relative aussi (image, texte etc...)

Merci de me dire ce que va pas ^^
Modifié le 07 Jan 2005 - 20:44
Oui, text-align ne fonctionne que pour les éléments inline et le texte. Donc seuls le texte brut, les images, les balises <span>, <em>, etc. seront centrés. Pour les balises de type bloc (<div>, <p>, <ul>, etc.), ils faut utiliser des techniques de centrage horizontal.

Tu trouvera un didacticiel complet sur OpenWeb Smiley smile
Modifié le 07 Jan 2005 - 19:54
Administrateur
FlorentG a écrit :
Pour les balises de type bloc (<div>, <p>, <ul>, etc.), ils faut utiliser des techniques de centrage horizontal.

... ou alors IE qui buggue et qui aligne aussi les éléments blocs avec text-align Smiley biggol