Re: [問題] IE6的css用法...

[Issye (噢嗚)]

最近也碰到這問題（我剛學會做網頁）
ie6對css的理解能力很糟
老實說ie7也並不標準
所以必須要針對ie6跟ie7特別寫css

ex:

#banner {
  padding: 5px; /*for ff*/
  *padding: 10px; /*for ie7*/
  _padding: -5px; /*for ie6*/
}

利用css重複指定時以最後一個為準的特性
使用簡單的css hack
前面加星號跟底線ff讀不到
加底線ie7讀不到
就可以針對瀏覽器分別制定數值了

另外
可google"ie6 css"
說明更多更詳細
例如png圖檔的透明顯示
如何裝multiple ie
也可找到解答

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.124.244.58
推 terrylchen:用*和_會沒辦法通過CSS檢測，推4841篇
→ Issye:嗯，的確，我會用這方式是因為我現在做的網站不用驗證XD
※ 編輯: Issye           來自: 59.124.244.58        (06/19 10:24)
→ Issye:也推4841篇，很詳細！
推 evenwu:可是這問題的原po應該不是這問題吧！
→ gpmm:其實不太懂 ie6/7 對 css 支援糟在何處，可以說明一下嗎？ :o
→ gpmm:另外 png 透明與 css 支援無關，那是瀏覽器本身對 png 的作用
→ gpmm:另外，如果你指的是 css 選擇器的支援那的確是不好 :P
→ gpmm:但如果是對於 css 定義項目的支援差，還請大大開示 orz
推 ateclean:position:absolute就碰過問題了 in IE
推 gpmm:請問一下有什麼樣的問題啊？ @@
推 JYHuang:我有碰到 O.o
→ JYHuang:A元件設為abs、A的前一個元件為relative時
→ JYHuang:給Top,Left定位時，會跑掉..還在找偏移量是那來的 = ='
→ JYHuang:似乎是隔幾個relative的元件，就偏移元件.width(height)
推 xiphoid:google css ie bugs
→ gpmm:偏移的問題是 IE 和 FF 對 block m/p 的詮釋有所差異
→ gpmm:那個在 css 使用上把細節定義好記得是可以避免的 @@
→ gpmm:ie 對 css 的 bug 無可否認有所存在
→ gpmm:但小弟很疑惑，ie 6/7 對 css 支援很糟或理解很糟，是指
→ gpmm:ie 6/7 僅對 css 語法支援到 20%？30%？還是70%所以很糟？ @@
→ gpmm:小弟學淺，撇開選擇器，ie 6/7 對 css 的詮釋/理解可以達到
→ gpmm:小弟自己看到的 95%，但有不少是屬於「詮釋不佳」的情況
→ gpmm:但無論跨 ie6/7、mf、safari、opera 其實都會各自有所差異 @@
→ gpmm:啊，小弟話多了，退場退場…囧
推 JYHuang:喝茶喝茶(遞)
→ xiphoid:其他瀏覽器難免也有css bug，但沒有IE那～～麼嚴重
→ xiphoid:http://www.gtalbot.org/BrowserBugsSection/
→ xiphoid:收集了各個瀏覽器的bug資料(不專指css bug) 可以觀賞一下
推 GALINE:在設計CSS的時候盡量選擇讓CSS簡單化，可以避免很多問題
→ GALINE:尤其是能少用float就少float，IE處理float處理的很糟糕
→ GALINE:我個人不喜歡那些依靠瀏覽器本身bug的css hack，尤其是IE8
→ GALINE:過沒多久要出來，天知道CSS hack跟IE8會不會擦出新的火花…
推 averywu:@@ IE8要出了....
→ KC73:Acid2 瀏覽器測試:  http://tinyurl.com/4cw52l
推 terrylchen:想到IE8要出了我的頭就痛了...
推 despair96:除了float跟相對絕對位置還有哪幾個排版方式比較好？
→ despair96:ie在Float方面容易出哪些問題..比較常遇到是padding的
→ despair96:剛摸一段時間問問大家學一些css使用經驗..