CSS et IE... encore et encore...

Question

Bonjour,

Bien qu'ayant fait de multiples recherches et essayé de nombreuses solutions, je suis en rade ! et mon site ne se centre pas sous IE, alors que OK sous Firefox et Safari... Exemple pour la page http://www.accordparfait-mariage.com/html/fr/archive1.html

Je suis revenu à une solution simple:
frame.css

html, body {
	width:900;
	height:700;
	margin:0 auto;
}
div#wrap {
	width:900;
	height:700;
	margin:0 auto;
}
div#header {
	width:300;
	height:30;
	margin:60 600;
}
div#content {
	width:340;
	height:500;
	margin:40 510;
}
div#footer {
	width:900;
	height:30;
	margin:0;
}

Structure de la page

<BODY>
	<DIV id="wrap">
		<DIV id="header">
		</DIV>
		<DIV id="content">
		</DIV>
		<DIV id="footer">
		</DIV>
	</DIV>
</BODY>

Merci de votre aide !

Configuration: Windows Vista
Firefox 2.0.0.16

Merci de votre aide !

Ricky38 · Answer

salut :)

as tu essayé :


div#wrap {
	width:900;
	height:700;
	margin-right:auto;
        margin-left:auto;
}

Joy_^ · Answer

bonjour,

body {
	width:900;
	height:700;
	text-align:center;  //ça c'est pour centré le site sous ie, mais ça mets le texte centré sur FF
}
div#wrap {
	width:900;
	height:700;
	margin:0 auto; //ça ça centre le site sur FF
	text-align:left; //ça pour remettre le texte justifié à gauche 

Voilà :)

grafx · Answer

sous ie
il faut faire un body{text-align:center;}
et retablir dans le wrapper{text-align:left;}

linoucherie · Answer

Merci pour vos réponses. Malheureusement aucune des solutions proposées ne fonctionne... Est-ce que IE reconnaît les marges automatiques ?

Joy_^ · Answer

Bah là c'est ton div content qui ne se mets pas correctement.

Essaye avec ça

div#content {
	width:340;
	height:500;
	float:right;  //pour le mettre à droite à l'intérieur du wrap
margin-right:40px; //mettre une marge à droite pour le caller dans ton image 
}

div#footer {
clear:both;  // pour annuler le float du content et remettre le footer dans le flux normal
	width:900;
	height:30;
	margin:0;
}

CSS et IE... encore et encore...

5 réponses

Discussions similaires

Newsletters