Question

我的右侧导航在IE6中由于某种原因被推到页面底部，但它只在我的博客页面上！我是否正确地认为它与侧板宽度有关？

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

Answer 1

将<div id="sidePanel">元素浮动到左侧，而不是右侧。

我相信会解决它。

Answer 2

你必须在#side里面的无序列表上设置左边距为0.这是因为IE和其他浏览器有不同的缩进列表方式，大多数浏览器使用填充，IE使用边距。

您已经覆盖了其他浏览器的浏览器默认设置，但不包括您还需要执行的IE浏览器默认设置。这些额外的利润迫使侧栏比应该更大，因为它是浮动的，它落在了内容之下。


#side2 ul {
    margin-left: 0;
}

这将解决它。

Answer 3

您需要修复#side2列表。您的<li>不在<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>

IE6错误！侧板

3 个答案: