World of granshe.
HTMLやCSS、JavaScriptに関する話題を中心に、Web制作について知ったこと、覚えておきたいことをメモしておく個人的スペースです。
[PR]
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
3段組・メインコンテンツリキッドレイアウトの作り方2
前回、このブログを作る際に用いた3段組リキッドレイアウトについての記事を書きましたが、
このソースは、IEの標準モードでは表示がうまくいかないことがわかりました。
XHTMLで作られているWebサイトのほとんどはXML宣言がない=標準モードであり、
HTMLで作られているサイトもほとんどがDOCTYPEでURL指定されている=標準モードです。
このブログはたまたま互換モードのDOCTYPEだったので事なきを得たのですが、
やはり標準モードバージョンもないと不便な気がしますので、
標準モードでもできる3段組メインコンテンツリキッドレイアウトを考えてみました。
基礎情報は
IE5 以上 (含む Macintosh 版) で min-width を実現する CSS ハック
からいただきました。
サンプルはこちらからご覧下さい。
やり方としては、
IE5 以上 (含む Macintosh 版) で min-width を実現する CSS ハック
のボックスの上に、右メニューと左メニューを絶対配置で乗せた感じになります。
ブログ内では表現できそうになかったので、詳しくはサンプルをご覧下さい。
サンプルは分かりやすいように背景色をつけています。
絶対配置でのレイアウトなので、
左右のメニューが真ん中のコンテンツよりも縦長になった場合に
フッターが左右のメニューに隠れてしまうというようなことが起きます。
制約はありますが、これもレイアウト手法の一つにならないでしょうか。
PR
この記事にコメントする
プロフィール
最新記事
(04/02)
(03/31)
(03/22)
(03/11)
(03/07)
カテゴリー
アーカイブ
カレンダー
ブログ内検索
Advertisement
Copyright © 2008 A.Yu-ri all rights reserved.