[résolu] Affichage sous safari 2.0

Bonjour,

Mon site s'affiche très bien sous tous les navigateurs sauf sous safari 2 qui n'affiche pas le menu du haut le css qui pose probleme pour safari est :

#globalnav { padding: 0; margin: -3.2em 0 0 2.5em; }
#globalnav ul#menu { height: 1%; }
#globalnav ul#menu li { display: inline; }
#globalnav ul#menu a { float: left; margin: 0 0 0 0; padding: 1em 1.5em 1em; color: #FFF; }

En faisant display-block cela marche mais IE7 pose un problème avec cette fonction...

Le site est ici et le css ici

J'avoue ne pas avoir trouvé de solution sur le forum d'où ma question...

Merci pour vos conseils parce que là je bloque...
Modifié par riri1310 (18 Nov 2006 - 23:04)

Sans avoir safari ,
tu pourrais essayer de conferer le layout dans IE d'une autre façon que le "height:1%;"

une largeur , un display:inline-block, un zoom:1 , l'overflow:hidden marche aussi dans IE 7 a priori.

Il semblerait que ce soit le float qui pose probleme ?

++

Merci avec ce code cela marche très bien sous safari 2.0 :

#globalnav { padding: 0; margin: -3.2em 0 0 2.5em; }
#globalnav ul#menu { display: inline-block; }
#globalnav ul#menu li { display: inline; }
#globalnav ul#menu a { float: left; margin: 0 0 0 0; padding: 1em 1.5em 1em; color: #FFF; }

En revanche est ce normal que la validation CCS me donne cette erreur :

Ligne: 51 Contexte : #globalnav ul#menu

Propriété érronée : display inline-block n'est pas une valeur de display : inline-block 

Thanks

heu , oui je crois qu'elle en est resté a la css2 , et que display:inline-block apparait dans la css2.1 ... je crois seulement , j'aime vraiment pas allez mettre le nez dans les docs du w3c , a tort surement.

++

Oui je te comprends

Je modifie le sujet en résolu!

A bientôt