2009-12-29 50 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