- 締切済み
高さの調整
□ヘッダー □サイドバー／□メイン □フッター 上記ように一般的？なレイアウトをCSSで組んだ場合について ＩＥのバグの関係でサイドバーはフロートではなくボジションをアブソリュート指定しています。 この時メインの高さがサイトバーの高さに満たない場合フッターがサイトバーに重なってしまいます。 これを回避する一般的な方法はどのようなものでしょうか。 現在はメイン内の最下部にDIVタグで高さを指定したアジャスターを付けて調整していますがスマートではないと思いますので。 よろしくお願い致します。
- みんなの回答 （5）
- 専門家の回答
みんなの回答
- goulan
- ベストアンサー率46% (23/50)
- goulan
- ベストアンサー率46% (23/50)
xhtml1.1ってことは、冒頭にxml宣言を書いてるってことですよね。 ってことは、IEだとDOCTYPEスイッチが互換モード（Quirksモード）になるので、レイアウトの崩れは、その関係のバグが原因ではないかと思います。 ソースを見てないので詳しい話は出来ませんが、記述の仕方次第で、floatでもレイアウトは可能だと思います。
補足
はい、そうですがHTML4.01標準でも互換でも現象は同様でどうすることもできなかった経緯があります。 自分なりにいろいろ試したのですがどうすることもできませんでした。
- steel_gray
- ベストアンサー率66% (1052/1578)
absoluteで配置したブロックは他のブロックに影響を与える事がありません。 言い換えればフッターがサイドバーの高さを意識して重ならないようにするのは不可能です。 バグなど色々ありますが、やはりblog等はフロートで配置している場合が多いですし、そうした方がいいのではないでしょうか。
補足
はい、本当はフロートにしたいのですがサイトバー内にはリストがありリストに隣接するメインの内容と リストが終わって何もない場所に隣接するメインの内容とに表示上IEだけ3ピクセルずれが生じてしまうので フロートは諦めたしだいです。 このずれはどうしても許せませんでした。XHTML1.1で書いています。
補足
同様のレイアウトは過去に作ったことがありそれなりに知っているつもりです。 その際は問題が生じなかったのですが今回作っているものは幅を100%で指定。 サイドバーの幅を指定しメインの左マージンにサイドバーと同幅を指定することでメインを可変にしています。 これに何か問題があるのかもしれませんね。 結局サイトバーよりメインが低くなるページはサイドバーより高いボックスを作ってその中に入れるようにしようと思います。 そうしたらメインの方が低いページの高さを統一できるので。