Home > XHTML CSS > DT DDを横並び

DT DDを横並び

  • Posted by: wu
  • 2005年8月24日 09:48
  • XHTML CSS

DL,DT,DDを横並びで表示するスタイル。

IE6ではDDが2個続くと数pxずれる。

DL,DT,DDを強引に表のように表示するやり方だけど、データが表ならTABLE要素を使おう。

Comments:15

アサノ 2005年8月24日 12:27

今まさに仕事でその数 px の件 (厳密には WinIE6 で 3px?)で悩み疲れてて、もの凄い無理矢理な方法で解決してます・・。どっかに晒しとこうかなあ。

wu 2005年8月24日 12:29

え・・!この数px消せるなら、強引な方法でも知りたい!! っ!!

アサノ 2005年8月24日 12:33

うお。まじすか。ほんじゃ自分とこにでも晒しときます。

アサノ 2005年8月24日 13:29

とりあえずここに置いておきます。
http://www.mushline.com/junky/etc/20050824/dl_dt_dd_float.html
時間があれば後で説明ブロギしたいんですが。

wu 2005年8月24日 15:56

おおお、力技!!
HTMLを弄らないでCSSだけでなんとかするのは無理なのかなー。

wu 2005年8月24日 18:19

ざ・せ・つ

アサノ 2005年8月24日 20:40

ですよねotz=3

CLA 2005年8月25日 02:08

こんばんわ、お初です。

私も以前仕事でこの3pxの謎に出会ったことがあります。
具体的に言うとサイトの更新履歴ですね。更新日時をdtに、更新内容をddにって感じです。

http://www.dxhd.net/dl.html
にテキトーな回避サンプルを作ってみましたので参考程度に:-)

…ただborder等使うとなると色々とややこしくなりそうです。あとfloat関係のバグ?というか仕様?でDLに背景色指定してもFirefoxだと表示されませんでした( ´・ω・)

CLA 2005年8月25日 13:45

あ、やっぱ駄目ですね…IEだと今度は違うバグが( ´・ω・)

wu 2005年8月25日 17:00

何とかなりそうなのに何ともならないところが悔しいですねー。

カイバ 2005年8月25日 23:07

これが知りたかったです!
coool!

wu 2005年8月30日 20:02

知ってるとちょっと便利だよね。

MaKOTO 2005年10月24日 02:03

wuさん、ddに* html ハックかけてtext-indent: -3px; というのはどうでしょうか?

wu 2005年10月25日 08:02

そうかっ!こういうときにハック技だ!

sasaki 2008年2月25日 23:40

入れ子にするとie6は更に複雑な表示になります。。。

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://3ping.org/mt2/mt-tb.cgi/52
Listed below are links to weblogs that reference
DT DDを横並び from 3.5ping.org

Home > XHTML CSS > DT DDを横並び

Book

実践 Web Standards Design

「実践 Web Standards Design」ではXHTMLやCSSの仕様からマークアップの手法・考え方をはじめ、レイアウトや実践的なWebサイト構築のワークフロー、そしてCSSを利用したさまざまな技術的Tipsを解説しています。

Products
Search
Feeds

Return to page top