空白行/列表项在IE6的问题(李)

如果你曾经使用(或一)垂直菜单列表项(李)标记和CSS,你可能遇到的又一错误在IE浏览器,IE 6之间插入列表项包含块级元素,这些差距,也就是说,如果有任何标记列表项之间的空白。 谢谢,但没有感谢,免费版本的IE 7似乎从这个错误。
如果像我,更多的人,你属于这一带失意的开发商,还必须得到他们的新布局,工作压力太大在IE6,那么这可能证明是有用的。 看看...

样品的标记

<ul id="menu">
<li> <a href="#">首页</ A> </ LI>
<li> <a href="#">关于</ A> </ LI>
<li> <a href="#">服务</ A> </ LI>
<li> <a href="#">组合</ A> </ LI>
<li> <a href="#">帮助</ A> </ LI>
<li> <a href="#">联系我们</ A> </ LI>
</ UL>

您可以创建一些CSS,类似一以下,transfrom到一个垂直的菜单,上面的标记......

示例CSS ...
#菜单{
保证金:0:0;背景:#FF9900;
列表样式类型:无;宽度:150像素;
}
#菜单李{保证金:0;填充:0;}
#菜单的{显示:块;
颜色:#555555;
文字装饰:无;
填充:0均为15px;
线高度:2.5;边境底:1px固体#足协;
}

你会看到的结果...
空

解这个错误......(修改/添加CSS粗体斜体)

#菜单{
保证金:0:0;背景:#FF9900;列表样式类型:无;宽度:150像素;
浮动:左; / *这包含浮动的列表项* /
}
#菜单李{
保证金:0;填充:0;
浮动:左; / *修复* /
宽度:100%; / *在IE6的空白错误* /
}
#菜单{
显示:块;颜色:#555555;
文字装饰:无;
填充:0均为15px;
线高度:2.5;边境底:1px固体#足协;
}

如果上述解决方案亘古不变的似乎工作(IE6的唯一原因)...尝试这种方法,而不是

只需添加额外的IE6的唯一样式标记...

<! - [如果它的IE 7>
<style type="text/css">
#菜单里的{显示:内联块;}
#菜单里的{显示:块;}
</ STYLE>
<[ENDIF] - >


发表评论

NDK的家 | 表达它 表示唇腭裂 表示Penmenship 表示敬畏 表达自己