Html-css pb taille

Bonjour,

J’ai commencé à créer un site internet et je me trouve face à un problème du à la différence d’interprétation HTML entre IE et Firefox.

Mon problème :

J’utilise des balises

associées à un style css.

Extrait de code HTML :


<div id="main_div">Contenu</div>

Extrait de fichier CSS :


#main_div {
width : 800px;
height : 50px;
padding: 5px;
}

Avec IE, la longueur de la division en question est de 800 pixels tandis qu’avec Firefox elle est de 790 pixels.
Les 10 pixels manquant pour Firefox sont dus au padding-left et padding-right de 5 pixels chacuns.

Ma question :

La meilleure solution est-elle de créer un fichier CSS pour IE et un autre pour Firefox ?

Merci beaucoup d’avance,

Ton doctype n’est pas bon, car pour le moment tu as un bug d’IE, il emploie le moteur de rendu d’IE5
Ce bug à même droit à sa propre page wikipedia :wink:
en.wikipedia.org…

Pour une solution :
fr.selfhtml.org…

Et sinon, pour ta question, si tu as vraiment un comportement différent entre IE et tous les autres, tu peux employer des commentaires conditionnels
www.blog-and-blues.org…

Merci beaucoup,

J’avais pallié au problème en faisant des trucs pas très propres au niveau du CSS :
width : taille_firefox;
_width : taille_IE;

Je ne pense pas que ce soit très recommandé !