2010-11-01 7 views
0

CSS problème avec mon topnav dans IE6Comment fixer nav dans IE6

HTML Page: http://www.faressoft.net

alt text

+1

Ma mise est une propriété 'inline-block' que IE6 traduit en' block'. –

+0

Il semble que vous ayez besoin d'une correction png pour que IE reconnaisse les coins arrondis transparents de vos images. – Moses

+0

@Moses vous avez raison, mais ce n'est pas important maintenant. – faressoft

Répondre

1

Essayez d'utiliser inline-block à la place du flotteur: droite ou définir des largeurs pour vos droits flottants.

div#buttons ul { text-align:right; } 
div#buttons div.tabLeft { display:inline-block; } 

pour IE6/IE7 nourrir une règle différente dans les commentaires conditionnels et ajouter

div#buttons div.tabLeft { display:inline; } 

Le display:inline est nécessaire après inline-block pour IE6/IE7. C'est un must, car les divs ne sont pas naturellement intégrés (bug dans le moteur).

0

Au lieu d'avoir un seul élément à l'intérieur de chaque <li> div class 'tableft-c Je voudrais simplement utiliser:

<ul> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
</ul> 

flotter ensuite à droite. Votre code est plus compliqué que nécessaire.

Et meder est correct, vous devez assigner des largeurs à tout ce que vous flottez. IE6 est très impitoyable avec du code désordonné, contrairement aux navigateurs plus modernes.