Question

我最近通过wordpress构建了这个网站，似乎与Internet Explorer 7存在一些对齐问题。

基本上他们在右边约20个左右的像素，想知道解决这个问题的方法是什么？这让我有点困难了一段时间，我觉得我慢慢地想法了。

这是链接：

http://alleanza.co.uk

需要截图吗？如果是这样的话，我今晚晚些时候会从客户端发布一个，但它只是IE 7！？

我对列表的PHP和Html结构是这样的：

<ul id="nav" class="clearfloat">
<li style="padding:10px 10px 0px 10px; height:20px; display:block;"><a href="http://www.alleanza.co.uk">Alleanza</a></li>
<div id="navoption"><ul><?php wp_list_pages('title_li='); ?></li></ul></div>
</ul>

这是正确的结构吗？所有的帮助表示赞赏..

Answer 1

您在顶级ul菜单项中嵌入了一个div，这可能会破坏您在IE7中的设计，甚至可以在其他浏览器中使用它，这很惊讶：

<ul class="clearfloat" id="nav">
    <li>Alleanza</li>
    <div id="navoption"> <ul> ... </ul> </div>
</ul>

列表项必须嵌套在菜单列表中。

所以将div包装在列表项中并且它应该可以工作：

<ul id="nav" class="clearfloat">
    <li style="padding:10px 10px 0px 10px; height:20px; display:block;"><a href="http://www.alleanza.co.uk">Alleanza</a></li>
    <li><div id="navoption"><ul><?php wp_list_pages('title_li='); ?></li></ul></div></li>
</ul>

注意：注意到您正在使用wordpress，您实际上可以创建＆＃34; Alleanza＆＃34;在菜单＆＃34;自定义链接＆＃34;内链接选项，因此您无需对其进行硬编码。

文档：http://codex.wordpress.org/Appearance_Menus_Screen

IE 7的CSS Dropdown问题

1 个答案: