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

linoucherie Messages postés 1 Date d'inscription   Statut Membre Dernière intervention   -  
Joy_^ Messages postés 54 Date d'inscription   Statut Membre Dernière intervention   -
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 !
A voir également:

5 réponses

Joy_^ Messages postés 54 Date d'inscription   Statut Membre Dernière intervention   110
 
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à :)
1
Ricky38 Messages postés 4349 Date d'inscription   Statut Contributeur Dernière intervention   1 462
 
salut :)

as tu essayé :

div#wrap {
	width:900;
	height:700;
	margin-right:auto;
        margin-left:auto;
}

0
grafx
 
sous ie
il faut faire un body{text-align:center;}
et retablir dans le wrapper{text-align:left;}
0
linoucherie
 
Merci pour vos réponses. Malheureusement aucune des solutions proposées ne fonctionne... Est-ce que IE reconnaît les marges automatiques ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Joy_^ Messages postés 54 Date d'inscription   Statut Membre Dernière intervention   110
 
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;
}
0