Voir le sujet précédent :: Voir le sujet suivant |
Auteur |
Message |
fredroy frontpage mioche
|
Problème de float avec IE6 , Posté le: 20-01-2004 0:51 |
|
|
Bonjour,
J'ai réalisé mon menu en css
Code: |
/*Image menu haut de 40px de hauteur*/
#menuhaut { width: 100%; white-space: nowrap; background-image:url(/accueil/menupics/lignes.gif);}
#menuhaut img { border: 0;vertical-align:top;}
#menuhaut a img { border-style: none; }
/* Image menu bas de 48px de hauteur*/
#menubas { width: 100%; white-space: nowrap; background-image:url(/accueil/menupics/lignebas.gif);}
#menubas img { border: 0; vertical-align:top }
#menubas a img { border-style: none; }
#gauche {float:left; / *Image à gauche de 88px de hauteur*/
} |
Donc sous Mozilla, Opéra, Safari aucun soucis.. Mon image en float left est bien à gauche et les autres images se positionne juste après horizontalement.
En revanche IE6 saute une ligne et affiche le menuhaut et bas en dessous..
Si je retire le doctype de IE6 (il passe en mode "quirks) et tout s'affiche normalement.
Savez vous comment régler se problème d'IE ?
merci d'avance.
le menu : http://www.about-django.com/include/menucss.htm |
|
|
fredroy frontpage mioche
|
Problème de float avec IE6 , Posté le: 20-01-2004 10:42 |
|
|
Bien, cela ne fait que 3 semaines que je me suis mis au standard mais j'ai trouvé la solution... comme quoi
Il suffit de mettre à mon menuhaut une marge gauche de 105 px et de donner à mon image gauche une position absolus top et left de 0px.
Et voilà l'affichage est correct. |
|
|
salemioche salemioche
|
Problème de float avec IE6 , Posté le: 20-01-2004 20:12 |
|
|
sinon declare tout tes blocs en float: left
remarque: vertical-align n'existe que pour les td pas les img |
|
|
fredroy frontpage mioche
|
Problème de float avec IE6 , Posté le: 20-01-2004 20:19 |
|
|
Finalement après une seconde analyse le problème venait du width: 100%;.
Je l'ai retiré et tout fonctionne.
Si je retire le vertical-align mes images ne sont plus superposées avec mon fond.
vertical-align : Définit l'alignement vertical de la ligne de base d'un élément en fonction de la valeure ligne Height.
Je ne vois pas pourquoi je ne pourrait pas l'utiliser sur mes images ? |
|
|
salemioche salemioche
|
|
fredroy frontpage mioche
|
Problème de float avec IE6 , Posté le: 20-01-2004 21:17 |
|
|
salemioche a écrit: |
exact ca marche aussi sur les inline-level element, ce qui est ton cas ici car tu n'as pas de div. |
Que veux-tu dire car je n'ai pas de <div> ?
Mes images sont toutes dans des div definis. |
|
|
salemioche salemioche
|
Problème de float avec IE6 , Posté le: 21-01-2004 8:14 |
|
|
le div defini un block level et dans ce cas ca ne marche pas |
|
|
|