Bonjour,
Ie me rends fou! je viens de terminer un template fonctionnant parfaitement sous Firefox. Mais sous IE, les floats, et les width ne sont pas pris en compte.
En clair, j'ai des element a largeur fixe s'emboitant l'un a cote de l'autre grace a des floats. La ils sont tous de la largeur de la page et les un sous les autres.
J'y bosse depuis 9h du matin et rien a faire, je n'ais pas avancé d'un milimetre
je sqais pas si mon rire nerveux provient de folie, de depression ou de crise de nerfs
voici mon code css qui fonctionne parfaitement sous firefox
pour tout les element floatant, j'ai rajouté un display inline afin de purger les defaut d'ie sur les marges. mais aprés, malgré mes recherches, je ne vois pas!
un exemple?
lien supprimé, contenu inadapté à un forum accessible à tous.
merci par avance de toute aide, ou orientation de recherche que vous pourriez m'apporter
Modifié par Thomas D. (13 Jan 2007 - 16:24)
Ie me rends fou! je viens de terminer un template fonctionnant parfaitement sous Firefox. Mais sous IE, les floats, et les width ne sont pas pris en compte.
En clair, j'ai des element a largeur fixe s'emboitant l'un a cote de l'autre grace a des floats. La ils sont tous de la largeur de la page et les un sous les autres.
J'y bosse depuis 9h du matin et rien a faire, je n'ais pas avancé d'un milimetre
je sqais pas si mon rire nerveux provient de folie, de depression ou de crise de nerfs
voici mon code css qui fonctionne parfaitement sous firefox
/* CSS Kanavids */
body{
margin: 0px;
background-color: #333;
font-family: "Comic Sans MS";
font-size: 14px;
}
a{
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #666;
}
a:hover{
text-decoration: none;
color: #888;
}
div#box {width: 986px; margin: 6px auto 15px;
color:#333; border: 1px solid #ddd; padding: 0px}
div#bordure {width: 1010px; margin: 30px auto;
background:#fff;}
#entete {width: 100%; height: 200px; background-image: url(images/degrade.gif); background-repeat: repeat-x;}
#logo {float: left; margin: 5px;}
#webcam {float: right; margin: 15px 25px}
#gauche{width: 140px; float: left; margin: 5px; padding: 5px;}
#editer{height: 0px; overflow: hidden;}
#centre, #content{width: 630px; float: right;}
#droite{float: left; width: 170px; margin: 5px; padding: 5px;}
#centregauche {width: 280px; float: left;}
#centredroit {width: 700px; float: right; }
#corpsbas, #corps {clear: both; margin: 10px 0px}
#footer {height: 100px; background-image: url(images/degrade2.gif); background-repeat:repeat-x; text-align: center; line-height:1000%}
.blockTitle{
color: #94c71a;
font-size:16px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bolder;
margin-top:8px;
}
pour tout les element floatant, j'ai rajouté un display inline afin de purger les defaut d'ie sur les marges. mais aprés, malgré mes recherches, je ne vois pas!
un exemple?
lien supprimé, contenu inadapté à un forum accessible à tous.
merci par avance de toute aide, ou orientation de recherche que vous pourriez m'apporter
Modifié par Thomas D. (13 Jan 2007 - 16:24)