Bonjour,
J'ai un petit soucis avec Internet Explorer, alors que mon site marche parfaitement sous Firefox, Opera, et même Safari (j'ai testé avec le lien donné sur ce site, de capture safari).
Mon site (http://min.lledrith.info) se présente comme suit : un en-tête, un pied de page, et entre les deux une colonne de gauche, une de droite, et la colonne centrale. Tout ça sans utiliser de tables, et conforme xhtml 1.1 et valide CSS (sauf de nombreux avertissements concernant des couleurs non définies).
Mais Internet explorer vire ma colonne de droite, en fait il me la met en dehors de la zone d'affichage visible (mon site marche le mieux en 1280x1024).
Sur Firefox on obtient ça :
http://img158.imageshack.us/img158/6066/minfirefox1pb.th.jpg
Alors que sur IE ça me donne ça :
http://img300.imageshack.us/img300/2801/minie4ey.th.jpg
Je ne comprend pas ce qui se passe...
Mon code html, simplifié (sans le pied de page et l'en-tête) :
Et mon CSS pour ces éléments donne ça :
Quelqu'un saurait ce qui se passe sous IE, et surtout comment corriger ce bug ?
Merci beaucoup de votre aide, là je sèche complètement...
Modifié par Julien PHAM (24 Feb 2006 - 23:03)
J'ai un petit soucis avec Internet Explorer, alors que mon site marche parfaitement sous Firefox, Opera, et même Safari (j'ai testé avec le lien donné sur ce site, de capture safari).
Mon site (http://min.lledrith.info) se présente comme suit : un en-tête, un pied de page, et entre les deux une colonne de gauche, une de droite, et la colonne centrale. Tout ça sans utiliser de tables, et conforme xhtml 1.1 et valide CSS (sauf de nombreux avertissements concernant des couleurs non définies).
Mais Internet explorer vire ma colonne de droite, en fait il me la met en dehors de la zone d'affichage visible (mon site marche le mieux en 1280x1024).
Sur Firefox on obtient ça :
http://img158.imageshack.us/img158/6066/minfirefox1pb.th.jpg
Alors que sur IE ça me donne ça :
http://img300.imageshack.us/img300/2801/minie4ey.th.jpg
Je ne comprend pas ce qui se passe...
Mon code html, simplifié (sans le pied de page et l'en-tête) :
<div id="gauche">
{ma barre de gauche}
</div>
<div id="droite">
{ma barre de droite}
</div>
<div id="milieu">
{mon texte au milieu}
</div>
Et mon CSS pour ces éléments donne ça :
#gauche {
position:absolute;
left:0;
width:250px;
padding:5px;
}
#droite {
position:absolute;
margin-left:980px;
width:260px;
padding:5px;
display:inline;
}
#milieu {
position:relative;
margin-left:260px;
width:685px;
top:23px;
background-color:#E2ECBE;
padding-left:10px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
text-align:justify;
}
Quelqu'un saurait ce qui se passe sous IE, et surtout comment corriger ce bug ?
Merci beaucoup de votre aide, là je sèche complètement...
Modifié par Julien PHAM (24 Feb 2006 - 23:03)