空白行/列表項在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] - >










































