アカウント名:
パスワード:
トップページのように画像が大く,HTMLの文章構成にマッピングしずらいのは場合によってtableレイアウトみたいな利用もありだとは思います.
欲しいのは、javaでいう、BorderLayoutとかGridLayoutなんですよね。
というのがいまいち判りませんが、近いのがCSS3 Advanced Layout Module [w3.org]でしょうか。
tableレイアウトだと要素の登場順を変更できないのはありますが、その辺がシビアなのはCSSによる段組も同じなので。
えと、それは「段組」ではないのでは。段組って、横に分割 (横書きの言語の場合) したボックスの内容が連続しているもの、のことです (Firefox 1.5以降専用の例 [deegg.main.jp])。グリッド配置によるレイアウトは段組とは言いません。
「tableはレイアウト目的の為ではない」という人をわりと見かけますが、ではfloatやpositionが、BorderLayoutを実現する為の目的にピタリ合うかというと、微妙でしょう。
ここに同意します。前に tableタグを使わないレイアウト [ttcn.ne.jp]を考えたことがあります ( tableタグを使わないテーブルレイアウトです [ttcn.ne.jp]) けど、正直コストはさして変わらないんですよね — CSS3 Generated and Replaced Content Moduleの::outline擬似要素 [w3.org]で一部解決はするけど、rowspan/colspanに相当する機能をCSSのみでは実現できない。
より多くのコメントがこの議論にあるかもしれませんが、JavaScriptが有効ではない環境を使用している場合、クラシックなコメントシステム(D1)に設定を変更する必要があります。
※ただしPHPを除く -- あるAdmin
デザインとしての表組機能 (スコア:0)
人に見てもらうものをつくるとき、「表示の両端にコレコレの情報を置きたいし、さらにその間の部分にはこんな情報を置きたい」と考えるのはそんなに特別なことじゃないと思うので結構需要があると思うんですが、"画面上の配置に関係するスタイル"って聞いた事が無いような...(私が知らないだけ?)。
CSSにその機能が無いから、みんなtableタグを使っているだけのような気がしますが、そのように考えること自体がそもそもXHTML+CSSの思想に従っていない(*)のでしょうか?
(*)「そんな機能は必要無い」ということ
Re:デザインとしての表組機能 (スコア:2, すばらしい洞察)
そういうレイアウト要望があるにも関わらず、現在のCSSにそれが存在しないのが問題だと思います。
それを一番うまく表現できるのが、tableタグによるレイアウトなわけで。その用途に限定すればSEO的にもそれほど問題はないと思っています。
tableレイアウトだと要素の登場順を変更できないのはありますが、その辺がシビアなのはCSSによる段組も同じなので。どちらにせよ、検索技術の向上はめざましいので、そのうち「ここからここまでが重要です」とマークアップできるようになるでしょうし。アクセシビリティうんぬん(スクリーンリーダー)の話も、BorderLayoutを実現する程度の大まかな枠組みでの利用ならば、逆に画面内を移動しやすくなるという意見もあります。tableだからcssだからという話でもないかと。
「tableはレイアウト目的の為ではない」という人をわりと見かけますが、ではfloatやpositionが、BorderLayoutを実現する為の目的にピタリ合うかというと、微妙でしょう。
Re:デザインとしての表組機能 (スコア:1)
自前CSSとかの話もあるので,一般的なページは XHTML + CSSであってほしいですが,トップページのように
画像が大く,HTMLの文章構成にマッピングしずらいのは場合によってtableレイアウトみたいな利用もありだとは思います.
まあ,例えですが,Wordで作れる普通のページならHTMLで正しく表現するようにすべきだと思いますが,
トップページのようなPublisher向きなら,規格準拠(可読性)よりも表現力な時はHTMLの要素に厳密に合せられませんし.
# スクリーンリーダが気になりますが,テキストブラウザでの一覧性のよさなども見のがせないし...
用途によってはどうしてもFlashじゃなきゃNGみたいな場合もありますしね
# 惑星の旅 [jst.go.jp]はよかった,これはflashじゃないと辛いだろう
そこらへんは製作側のポリシーというべきかもしれません.
# でも普通のページはシンプルイスベストで!
数式ならMathMLみたいに,一画面のデザイン用言語があればいいんですが...
# そしたらプレゼンにそれを使えると便利かも
# ぐだぐだだけどID
M-FalconSky (暑いか寒い)
Re:デザインとしての表組機能 (スコア:0)
こういうトップページ [mushline.com]のことかな。これはCSSだけど。
Re:デザインとしての表組機能 (スコア:1)
もちろんできるなら XHTML + CSS でなんら問題ないと思います.
なにか理由があって,CSS NGなブラウザ(ex:NN4?(w)でも一覧形式で掲示しなきゃいけないときとかを考えてました.
# もうあんまりないか?
M-FalconSky (暑いか寒い)
Re:デザインとしての表組機能 (スコア:1)
というのがいまいち判りませんが、近いのがCSS3 Advanced Layout Module [w3.org]でしょうか。
えと、それは「段組」ではないのでは。段組って、横に分割 (横書きの言語の場合) したボックスの内容が連続しているもの、のことです (Firefox 1.5以降専用の例 [deegg.main.jp])。グリッド配置によるレイアウトは段組とは言いません。
ここに同意します。前に tableタグを使わないレイアウト [ttcn.ne.jp]を考えたことがあります ( tableタグを使わないテーブルレイアウトです [ttcn.ne.jp]) けど、正直コストはさして変わらないんですよね — CSS3 Generated and Replaced Content Moduleの::outline擬似要素 [w3.org]で一部解決はするけど、rowspan/colspanに相当する機能をCSSのみでは実現できない。
Re:デザインとしての表組機能 (スコア:0)
> 欲しいのは、javaでいう、BorderLayoutとかGridLayoutなんですよね。
そんな感じです。
私の場合、ブラウザのウィンドウを縦長や横長にして閲覧することもあるので、そんな中でも表示されている物の位置関係を崩さずに一覧できるレイアウト方法を探していましたが、やっぱりtableタグが手っ取り早いんですね。
floatやpositionも試したことはあるのですが、絶対指定だと横スクロールバーが出たり、相対指定だとサイズ変更したときにレイアウトが崩れてしまう所があったりして、CSSで表現しようとするとどこかで妥協する必要があるのかなと思ったのです。