2009-12-29 116 views
-1

这个导航直列我有以下的CSS为我想在IE 7和IE 6

/* Start Submenu */ 

#submenu { 
    list-style-type:none; 
} 

#submenu ul{ 
    border-bottom:3px solid #1c29da; 
    margin:0px; 
    padding:0px; 
    display:table; 
} 

#submenu li{ 
    width:123px; 
    height:58px; 
    background:url(submenu_btn.jpg) no-repeat; 
    vertical-align:middle; 
    text-align:center; 
    display:table-cell; 
} 

#submenu a { 
    color:#333333; 
    font: bold 12px/13px Arial, Helvetica, sans-serif; 
    cursor:pointer; 
} 

#submenu a:hover { 
    color:#2f6535; 
    font: bold 12px/13px Arial, Helvetica, sans-serif; 
    cursor:pointer; 
} 

/* End Submenu */ 

见​​。 IE 6 & 7的内联解决方案是什么?

+0

我不明白你想要什么。你能详细说明吗?也许给我们一个你想要最终布局看起来如何的例子? – roosteronacid 2009-12-29 10:10:19

+0

让我们看看实际的BUG在这里:http://tinypic.com/r/4jl6q8/6 – DJSHAANO 2009-12-29 10:13:52

回答

1

标准的跨浏览器实现是使用浮点数。从类似的东西开始:

#submenu { overflow: hidden; } 
#submenu ul { overflow: hidden; } 
#submenu li { float: left; } 

和风格根据需要。

这就是说,我不会推出自己的解决方案。有很多的某些浏览器需要例外和代码。这只是你问题的开始。我建议使用预先包装的选项卡或菜单解决方案。

+0

这使得页面中的所有其他内容的问题..特别是下面的div后,似乎是不好的。 – DJSHAANO 2009-12-29 10:21:42