html - IE6でナビゲーションを修正する方法

Question

IE6 での topNav の CSS の問題

HTML ページ: http://www.faressoft.net

Answer 1

float:right の代わりにinline-block を使用するか、フロート権の幅を定義してみてください。

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

IE6/IE7 の場合、条件付きコメントで別のルールをフィードし、追加します

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

display:inlineIE6/IE7 ではインラインブロックの後に必要です。div は本来インラインではないため (エンジンのバグ)、これは必須です。

Answer 2

<li>各 div クラス 'tableft-c' 内に単一のアイテムを含める代わりに、次のように使用します。

<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>

次に、それらを右に浮かせます。あなたのコードは必要以上に複雑です。

meder は正しいです。フロートするものには幅を割り当てる必要があります。IE6 は、最新のブラウザーとは異なり、乱雑なコードを非常に容赦しません。