人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

HTML5でヘッダー(グローバルナビ含む)、左サイドバー(float:left),
コンテンツ本体(float:right)、フッターという構成でHTMLを組んでいます。
clearfixでfloatを解除していますが、左サイドバー、本体、背景ともに配色してあり、それぞれの高さが同じように見えるようにしたいのですが、どのようにすれば良いでしょうか(現在サイドバーの内容が入っているところでボックスが終わっており、サイドバーが切れているように見えています)

●質問者: wackey
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● kodairabase
●50ポイント

次の2本の記事を参考にしてください。
後編のやり方の方が汎用性が高いです。

CSS段組4:段の背景色が切れないようにする(前編)
http://allabout.co.jp/gm/gc/23847/

CSS段組4:段の背景色が切れないようにする(後編)
http://allabout.co.jp/gm/gc/23848/


うぃんどさんのコメント
ポイント欲しさにしても、ひどい回答多すぎますよ そんな古い記事引っ張ってきて、どこがHTML5なのかな? 反論あればどうぞ

2 ● Lhankor_Mhy
●50ポイント ベストアンサー

こちらを参考にしてみてください。
[CSS]高さの異なるカラムを揃えるスタイルシート | コリス



でも、せっかくHTML5で作ってIEを切り捨てるのですから、CSS3のボックスレイアウトを使えばいいんじゃないかな、と思いますです。
CSS3 でのレイアウトで使える box 系プロパティのまとめ | CSS Lecture


wackeyさんのコメント
ありがとうございます。 ところが、完全にIEを切り捨てられないので、html5.jsなどをつかったりcss修正したりして、見えるようにはしているのです。 そういえば、いろいろと調べているときにこれと同様に padding-bottom: 32768px; margin-bottom: -32768px; というのをみかけました。 常套手段なのですね。勉強になりました。ありがとうございます。 少し後で時間をとって実装してみます。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ