ブログのレイアウトをいじってみました。

３段カラムにしてみたんですが、いままでブラウザの幅に対して相対的な幅でやってたんですが、どうも相対指定だとうまくいきませんな・・・

絶対指定にしてありまして、今は1024x768以上でごらんになると丁度良いと思います。

Comments

[投稿情報: 悪友Ｈ]

古くてうろ覚えな知識ですが、
テーブルで列要素の幅を相対指定しても(直感的に)期待したレンダリング結果が
得られない場合があります。テキストの折り返しに関係するハナシです。

＜NOBR＞タグとか nowrap属性とかwhite-spaceプロパティ などで、
テキストを折り返さないように指定すると、列要素の幅が勝手に広がってしまったり、
相対指定を尊重した値になっても折り返されなかったテキストが
隣のセルに重なってレンダリングされるようなこともあった気がする。
ブラウザによって実装が違うし。

また折り返しに似たケースで巨大な単語(URLのように空白文字を含まないascii文字の長い連なり)
が含まれていると、単語が収まるように幅を勝手に広げてレンダリングされたかも。
折り返しの指定によっては隣のセルに重なることもあるでしょう。
ブラウザが成り行きで word break をそれなりにやってくれるといいんですが...

あとテーブル内に幅の広い画像を置いた場合もややこしいハナシがあった記憶が...

う、カウンタがキリ番寸前だ。

[投稿情報: NS]

おお，珍しいコメントが（笑）
一瞬誰かと思いました．

それはさておき．
テーブルでレイアウトするとそういうことあるんですな．

このブログではテーブルレイアウトを使っておりませんでしての．CSSでコンテナ（ラッパ）を定義してそこに中身を垂れ流していく感じであります．

横着をしてひとつのラッパに
#banner, #leftbar, #contents, #links
というのをいれちゃってます．
contents+linksでひとつのラッパにくるんでやるという感じに直そうとは思ってるんですけどね．（今の読売新聞のサイトのようなレイアウトに）

[投稿情報: 悪友Ｈ]

あ、確かにdivでくくってらあ。(汗)
div は幅に収まらないと下に送られるのが痛し痒し。
太古の昔、ネスケにあった layer のように div が使えればよいのですが。
IE専用だと behavior を定義すれば収まるかなあ？

w3c のトップページのソースを久々に見てみたら、tableでレイアウトするのをさすがに止めたんですね。ヨミさんはtable組みだわ...

[投稿情報: ns]

今はIEとfirefox両方つかってます。確認も同様。
じきにコンテンツ切り分けるかも。んでトップの記載量減らして二段組に戻そうかなと。