ul在Firefox和IE下的不同表現(xiàn)的解決方法
更新時間：2007年08月14日 09:53:40 作者：
最近做了個oblog的系統(tǒng)模板，其中涉及到了ul，所以就整理出了這篇文章+這張大圖。
ul是一個很常用的標簽，但是因為它在Firefox和IE下的不同表現(xiàn)，讓人覺得它是個很難以控制的標簽。
ul在Firefox下有個padding值， 卻沒有margin值；而在IE下正好相反，ul有個margin值， 卻沒有padding值?！鞠聢D中的第二第三例的對照可以看出】
在Firefox下，ul的list-style默認是處于內容的外邊緣的。當然可以通過css可以將list-style置為內容的內邊緣。
通過權衡得到適合兩個瀏覽器的設置：padding:0; margin:0; list-style:inside;。還可以將ul設置為padding:0; margin:0; list-style:none;，然后給li添加背景圖片，也是很不錯的選擇。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
ul是一個很常用的標簽，但是因為它在Firefox和IE下的不同表現(xiàn)，讓人覺得它是個很難以控制的標簽。
ul在Firefox下有個padding值， 卻沒有margin值；而在IE下正好相反，ul有個margin值， 卻沒有padding值?！鞠聢D中的第二第三例的對照可以看出】
在Firefox下，ul的list-style默認是處于內容的外邊緣的。當然可以通過css可以將list-style置為內容的內邊緣。
通過權衡得到適合兩個瀏覽器的設置：padding:0; margin:0; list-style:inside;。還可以將ul設置為padding:0; margin:0; list-style:none;，然后給li添加背景圖片，也是很不錯的選擇。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關文章
看了poorfish的這篇文章感覺不錯，先不考慮其它的，現(xiàn)在雖然流行div+css ,但仍有許多朋友還在用table,div+css主要考慮顯示速度，但多瀏覽器的兼容性，仍是個問題。2007-12-12
大家看了就明白了css樣式中類class與標識id選擇符的區(qū)別小結
大家看了就明白了css樣式中類class與標識id選擇符的區(qū)別小結...2007-12-12
收集了一些CSS Hack方便解決令人頭疼的兼容性問題的時候查詢2008-04-04
[藍色]讓2個DIV居中并排顯示...2006-11-11
在大多數(shù)文章中，我們并未特別注意CSS文件的可維護與可讀性的問題，當完成一項前端的工作之后，許多人都會忘記該項目的結構與細節(jié)。然而代碼并不是馬上就能完全定型，在余下的時間里還有不斷的維護工作，而這些工作也許不會是你自己完成。2008-09-09
CSS布局中可以用javascript判斷瀏覽器版本 看如下的javascript腳本：2008-07-07
把 CDATA 中的內容（有可能是不規(guī)范的Html代碼）以Html方式展現(xiàn)出來。
把 CDATA 中的內容（有可能是不規(guī)范的Html代碼）以Html方式展現(xiàn)出來。...2007-04-04
網頁設計者需要了解的_網頁字體大小數(shù)據(jù)參考
對于頁面來說，字體的大小設置是比較重要的，網上搜集了一些關于網頁中字體大小的數(shù)據(jù)對比，在這共享出來給大家一起看看，希望對大家在頁面制作過程中有所幫助！2008-10-10
對設置樣式時怎么區(qū)分input是按鈕還是文本框問題的技術調查——把input里面的東西剔出來2008-09-09
當完成一項前端的工作之后，許多人都會忘記該項目的結構與細節(jié)。然而代碼并不是馬上就能完全定型，在余下的時間里還有不斷的維護工作，而這些工作也許不會是你自己完成。所以，結構優(yōu)良的代碼能很大程度上優(yōu)化它的可維護性。下面列出五種提高CSS文件可維護性的方法，也就是一種較好的CSS樣式指南。2008-05-05