IE6のバグ！サイドパネル

Question

私の右側のナビゲーションは、IE6では何らかの理由でページの下にプッシュダウンされていますが、それは私のブログページにしかありません！私はサイドパネルの幅と関係があると思っていますか？

http://bradburyembroidery.com/houses4cash/blog/

Answer 1

#side内の順序付けられていないリストの左余白を0に設定する必要があります。これは、IEなどのブラウザではインデントリストが異なり、ほとんどのブラウザでパディングが使用され、IEではマージンが使用されるためです。

あなたは他のブラウザのブラウザのデフォルトを上書きしましたが、あなたもやる必要のあるIEは無効にしました。これらの余分なマージンは、サイドバーを大きくしなければならず、それが浮かび上がってコンテンツの下に落ちたためです。

#side2 ul { 
    margin-left: 0; 
} 

これで解決します。

Answer 2

はない右へ、左へ <div id="sidePanel">要素をフロート

。

私はそれを修正すると信じています。

Answer 3

#side2のリストを修正する必要があります。あなたはそれが有効なHTMLを提供するために役立つかもしれない<ul>

<ul> 
    <!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it. 
    <li><h2>Author</h2> 
    <p>A little something about you, the author. Nothing lengthy, just an overview.</p> 
    </li> 
    --> 
    <li> 
    </li> 
</ul> 
<ul role="navigation"> 
    <li class="pagenav"><h2>Pages</h2><ul><li class="page_item page-item-2"><a href="http://www.housesforcashuk.co.uk/blog/about/" title="About">About</a></li> 
    <li class="page_item page-item-6"><a href="http://www.housesforcashuk.co.uk/blog/complaints-procedure/" title="Complaints Procedure">Complaints Procedure</a></li> 
</ul> 
</li> 
<li><h2>Archives</h2> 
<ul> 
    <li><a href="http://www.housesforcashuk.co.uk/blog/2009/07/" title="July 2009">July 2009</a></li> 
    <li><a href="http://www.housesforcashuk.co.uk/blog/2009/06/" title="June 2009">June 2009</a></li> 
</ul> 
</li> 

<li class="categories"><h2>Categories</h2> 
<ul>  
    <li class="cat-item cat-item-1"><a href="http://www.housesforcashuk.co.uk/blog/category/uncategorized/" title="View all posts filed under Uncategorized">Uncategorized</a> (8) 
    </li> 
</ul> 
</li>  
</ul> 
<ul> 

</ul>