rendre un CSS valide firefox compatible avec IE

**tatayoyo** · 27/09/2005, 15h35

bonjour,
voila, j'ai ecris une feuille de style de reference pour un site, visible a cette adresse :

http://ik55044.ikexpress.com/demo_css/indexcss.html
et la feuille de style
http://ik55044.ikexpress.com/demo_css/feuille.css

sous firefox ca fonctionne bien, mais sous IE c'est un peu moins beau.
A voir notement que tout le menu de droite c'est légérement décallé sur la droite.
que le pied de page est remonté, que les pointillé qui encadre les boutons du menu droit sont doublé.

auriez vous des pistes pour m'aider a rendre compatible ma feuille de style avec IE.
d'avance merci.

**Perceval** · 27/09/2005, 15h46

la seule piste..... c'est d'y aller à tatonement.... car ca ne marche jamais du 1er coup une CSS cross-browser....

**10-nice** · 27/09/2005, 16h04

Toujours un problème la compatibilité entre IE et FF.

Surtout que sur une div si on assigne une bordure à un élément firefox (qui respecte les standards) ajoute logiquement une bordure, donc la largeur et la hauteur de l'élément s'en trouve augmenté, alors que IE va integré la bordure à l'élément et donc sa taille ne variera pas.

Et là.. pas d'autre choix que d'avoir recours à du hack css

exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
height:150px;
height:expression('160px');
width:50px;
width:expression('60px');
border:5px solid #000;

le expression n'étant interprété que par ie il attribura la valeur 150 à la hauteur, 50 à la largeur et ensuite les valeurs 160 et 60, alors que firefox lui n'interpretera pas les expression et donc restera sur le première valeur attribuées à ton élément.

(en espérant avoir été assez compréhensible)