height100%適用方法メモ

  • 2009.11.26 Thursday
  • 13:42
コンテナ用のdivに
height:100%;
だけではうまく行かないし、min-heightやmax-hightをつけてもだめ。
結構前から悩んでて、大抵は内容が短いページに対応できるようなデザインで作ってた。
以下の方法でうまく100%ボックスになります。

参考:標準準拠でheight100%のボックス

html,bodyにもheight:100%;設定して
コンテナdivには
height:100%;
min-height:100%;
両方つける。

これだけだと1画面より長いコンテンツがあったとき
コンテナdivに指定した背景が消えます。
その解消に

body > #コンテナdiv
height: auto;

を指定してやれば、スクロールしても背景表示w

こんな単純な方法だったとはw
コメント
コメントする








    
この記事のトラックバックURL
トラックバック

calendar

S M T W T F S
 123456
78910111213
14151617181920
21222324252627
28293031   
<< May 2017 >>

たいやき

selected entries

categories

archives

recommend

recommend

recommend

終わり続ける世界のなかで
終わり続ける世界のなかで (JUGEMレビュー »)
粕谷 知世
2011年度SOG賞 シスターフッド賞

recommend

魔法少女まどか☆マギカ 1 【通常版】 [DVD]
魔法少女まどか☆マギカ 1 【通常版】 [DVD] (JUGEMレビュー »)

(全6巻)2011年度SOG賞 シスターフッド賞

recommend

recommend

音楽の在りて
音楽の在りて (JUGEMレビュー »)
萩尾 望都
2011年度SOG賞 候補作

recommend

私のミトンさん
私のミトンさん (JUGEMレビュー »)
東 直子
2011年度SOG賞 候補作

recommend

recommend

recommend

recommend

recommend

玉工乙女
玉工乙女 (JUGEMレビュー »)
勝山海百合
2010年度SOG賞 候補作

recommend

recommend

MODxでつくる!最強のCMSサイト
MODxでつくる!最強のCMSサイト (JUGEMレビュー »)
MODxフォーラムJapanese Co
初心者はとりあえず買っとけ。

links

profile

search this site.

others

mobile

qrcode

powered

無料ブログ作成サービス JUGEM