SELFHTML

Forum SELFHTML: Archives:
Incompatibilité entre IE et Mozilla

Page d'information: vue d'ensemble
vers le bas 

(CSS) Incompatibilité entre IE et Mozilla

Le message suivant est de: Alf, Adresse électronique alf@mitose.net, 01. 02. 2004, 23:02
http://temp.mitose.net/caca.html

J'ai une incompatibilité entre IE et Mozilla (Mozilla lit correctement ce que je veux mais pas IE), dont voici le style :

.menu_barre {
background-image: url(../images/def ault/menu_barre.g if);
background-repeat : repeat-x;
width:170px;
height:2px;
}

Et le code HTML :

<div class="menu_barre"></div>
<div class="menu_barre"></div>
Accueil
<div class="menu_barre"></div>

Voilà, donc sous Firebird ça me donne une barre de 2px de haut, en dessous encore la même barre, juste en dessous "Accueil" et en dessous encore une fois la barre.
Sous IE j'obtiens une barre, un espace d'une dizaine de pixels, une barre, le même gros espace, "Accueil", la dernière barre.

Le background-repeat : repeat-x; sert à limiter le repeat du background (non sérieux ?) sur l'axe horizontal, mais si je l'enlève on voit qu'il se répète 5 ou 6 fois verticalement (sous IE uniquement).

Petit exemple : http://temp.mitose.net/caca.html essayez donc avec FireBird et Internet Explorer.

Une idée ?


 
vers le hautvers le bas 

(CSS) Incompatibilité entre IE et Mozilla

Le message suivant est de: David, Adresse électronique moi@moi.com, 02. 02. 2004, 09:31
http://www.site-en-stock.net

bonjour,

Tous ca c'est normal tu n'as pas preciser l'ecart entre chaque cellule <div> et les valeurs par defaut alors appliquer ne sont pas les memes pour les 2 navigateurs, alors essaie ceci:

.menu_barre {
margin-top:10px;
background-image: url(../images/def ault/menu_barre.g if);
background-repeat : repeat-x;
width:170px;
height:2px;
}
et ca ira bcp mieux

@+
David


 
vers le hautvers le bas 

(CSS) Incompatibilité entre IE et Mozilla

Le message suivant est de: Alf, Adresse électronique alf@mitose.net, 03. 02. 2004, 19:25

Je ne trouve pas ça tellement normal, mais j'ai aussi trouvé une autre solution :
rajouter font-size:0;

Apparement IE considère que les polices ont une taille quand ce n'est pas précisé ...

Merci en tous cas !


 
vers le haut

© 1998-2004 Adresse électronique selfhtml@fr.selfhtml.org