- August 24, 2005 9:48 AM
- XHTML CSS
IE6ではDDが2個続くと数pxずれる。
DL,DT,DDを強引に表のように表示するやり方だけど、データが表ならTABLE要素を使おう。
- Newer: チカチカ枠線
- Older: CSS メニュー横並びボタン
kuu.neru.asobu
IE6ではDDが2個続くと数pxずれる。
DL,DT,DDを強引に表のように表示するやり方だけど、データが表ならTABLE要素を使おう。
今まさに仕事でその数 px の件 (厳密には WinIE6 で 3px?)で悩み疲れてて、もの凄い無理矢理な方法で解決してます・・。どっかに晒しとこうかなあ。
え・・!この数px消せるなら、強引な方法でも知りたい!! っ!!
うお。まじすか。ほんじゃ自分とこにでも晒しときます。
とりあえずここに置いておきます。
http://www.mushline.com/junky/etc/20050824/dl_dt_dd_float.html
時間があれば後で説明ブロギしたいんですが。
おおお、力技!!
HTMLを弄らないでCSSだけでなんとかするのは無理なのかなー。
ざ・せ・つ
ですよねotz=3
こんばんわ、お初です。
私も以前仕事でこの3pxの謎に出会ったことがあります。
具体的に言うとサイトの更新履歴ですね。更新日時をdtに、更新内容をddにって感じです。
http://www.dxhd.net/dl.html
にテキトーな回避サンプルを作ってみましたので参考程度に:-)
…ただborder等使うとなると色々とややこしくなりそうです。あとfloat関係のバグ?というか仕様?でDLに背景色指定してもFirefoxだと表示されませんでした( ´・ω・)
あ、やっぱ駄目ですね…IEだと今度は違うバグが( ´・ω・)
何とかなりそうなのに何ともならないところが悔しいですねー。
これが知りたかったです!
coool!
知ってるとちょっと便利だよね。
wuさん、ddに* html ハックかけてtext-indent: -3px; というのはどうでしょうか?
そうかっ!こういうときにハック技だ!
入れ子にするとie6は更に複雑な表示になります。。。
拙著「実践 Web Standards Design」ではXHTMLやCSSの仕様からマークアップの手法・考え方をはじめ、レイアウトや実践的なWebサイト構築のワークフロー、そしてCSSを利用したさまざまな技術的Tipsを解説しています。