CSS et IE... encore et encore...
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
Structure de la page
Merci de votre aide !
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
5 réponses
-
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à :) -
Contributeursalut :)
as tu essayé :
div#wrap { width:900; height:700; margin-right:auto; margin-left:auto; } -
sous ie
il faut faire un body{text-align:center;}
et retablir dans le wrapper{text-align:left;} -
Merci pour vos réponses. Malheureusement aucune des solutions proposées ne fonctionne... Est-ce que IE reconnaît les marges automatiques ?
-
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;
}
