久しぶりにカラムレイアウトを作ってみた。
えーと、僕はweb屋の仕事を初めてそれなりに時間が経っていますが、今日初めてまともにDreamWeaverでHTMLとCSSを書いてみました。珍しいというか、まるで絶滅危惧種のような存在だと思います。
昔々、まだDreamWeaverのバージョンが4くらいの頃に比べると、まるで違うアプリケーションになっていて、Wyswygライクにコーディングしても、タグ直打ちでも、「こういう補助機能があればなぁ」という機能がほとんどそろっていて、非常に快適に作業できました。
うーん、エディターを求めて試行錯誤していたのは何だったんだろう？
で、何をしたかというと、こういうものです。
サムネール的なスペースと文章の2カラムですが、サムネールの下にカラムを貫通するキャプションがついています。
white-spaceとoverflowを使ってキャプションをはみ出させる方法を試してみたのですが、WinIEでは、ブロックが内容物に合わせて広がるため、意図した表示になりませんでした。
そこで、可変テキストでは調整が大変なのであまりしたくはありませんでしたが、positionで他の要素と配置を切り離してしまう事にしました。
これならWinIEでも大丈夫ですね。多分。