アカウント名:
パスワード:
より多くのコメントがこの議論にあるかもしれませんが、JavaScriptが有効ではない環境を使用している場合、クラシックなコメントシステム(D1)に設定を変更する必要があります。
長期的な見通しやビジョンはあえて持たないようにしてる -- Linus Torvalds
テーブルレイアウトは悪くない (スコア:3, 興味深い)
・CSSだと多段組したときの行数が揃ってないといらん苦労が増える。
・その結果寸法を固定にしたレイアウトがはびこる原因にもなっている。
・テーブルレイアウトでも<TABLE><TD><TR>タグを無視すればよいだけなのでアクセシビリティを悪化させる事は無い。
NNの多段組タグの復活を希望。
Re:テーブルレイアウトは悪くない (スコア:1, 参考になる)
ってか”Webで多段組”自体見た事無いような。
そういう需要自体無い気がする。あったらネスケも消さなかったろうし。
Re:テーブルレイアウトは悪くない (スコア:1)
ということを先日したくなりました。
Re:テーブルレイアウトは悪くない (スコア:1, 興味深い)
意味とタグの整合性(羅列・一覧=ul・ol)も確保できてウハウハです。
# 先に挙がってるWikipediaの例とは違うよ。念の為。
ていうか、これがHTMLとCSSを書く時の標準的な思考順序だと思ってたんだが、違うの?
・今書きたい物が何なのか考える(文章、絵、枠、一覧、表)
・対応するタグを考える(P、IMG、DIV、UL、TABLE)
・どう表示したいかを考える(横に並べたい、流し込みたい、絶対位置で表示したい)
・CSSでの実現方法を考える(display:inline、float、position:absolute)
・必要に応じてclass化
これならあなたの例でも、「一覧だからULにしよう、縦に並んで欲しくないからinlineにしよう」で一発解決な気がするんですが。
Re:テーブルレイアウトは悪くない (スコア:2, 興味深い)
確かにそりゃそうだよなと思って
自作のサイトでこれをやっているのですが、
Firefox以外のブラウザでは制限がいくつかあります。
IE6・IE7β2共通
displayプロパティを設定しても無効。
リストマーカーが消えて、要素の幅が短くなってしまう。
インライン属性時にテキストで区切りを生成できない。
アクセシビリティを気にするならそこまでしたいでしょ?
IE6のみ
width設定した枠に入る限り回り込んでしまう。
2列にしたいのに、妙な順番で3列になったりする。
これは、divで囲んでwidthを制限しても何故かダメ
Opera8
症状はIEと全く同じ。
この様な状態で、問題アリアリです。
ものすごく当たり前のこと、floatのfloatらしい使い方をしようとしているはずなんですがねぇ…。
Safariはテスト環境がないので知りません。
XHTML2.0ではナビゲーションリスト用に
nl要素が新設されるそうですが、
アレ…ヘッダにつけるlinkはどうなったの?
Operaでしか標準では有効活用されないよね。
Re:テーブルレイアウトは悪くない (スコア:0)
ちょっと間違った表現をしてました。
IE6で余分な回り込みを起こすのは
float配置してる方です。
・1 ・2
・3 ・4
・5 ・6
としたくても
・1 ・2 ・4←幅の限界まで回り込んでしまう
・3 ・6
・5
となります。あ、前述の通り・のリストマーカーは出ません。
また、divの包み込みは位置によっては効きます。
Re:テーブルレイアウトは悪くない (スコア:1)
一覧が途中に入るからその部分はULにしますよ。でも全体はそれを含む文章な訳です。
その一覧部分が横に短いから多段組で文章全体を1ページに押し込みたいってことです。しかも、一覧部分の数も動的に変わるし、画面サイズも自由に変えられるし、ってことで、あらかじめ文全体を分割しておくことも難しいってことです。
Re:テーブルレイアウトは悪くない (スコア:1)
CSS3 module: Multi-column layout [w3.org]
ちなみにFirefox 1.5が先行実装してますよ。
CSS3 Columns - MDC [mozilla.org]