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

3カラムのリキッドレイアウトが上手くいきません。
全体の縦幅が100%の時、ヘッダーの高さを100pxにする場合のCSSはどうすればいいのでしょうか。
今はその方法がわからず、ヘッダーを10%、ナビ&メインを90%にしてどうにかしています。ですがこの場合だと、ウインドウサイズを小さくしたときにヘッダーに記述した文字が見えなくなってしまったりと不具合が出てきてしまいます。
ちなみにナビとメインはネガティブマージンを使い、
#navi {
float: left;
width: 260px;
margin-right: -261px;
height: 90%;
}
#main {
width: 100%;
height: 90%;
float:left;
}
#main .inner {
margin-left: 261px;
position: relative;
z-index: 1;
}
のようにしています。
回答お願いします。

●質問者: goodpy1012
●カテゴリ:ウェブ制作
○ 状態 :キャンセル
└ 回答数 : 0/0件

回答がありません
関連質問

●質問をもっと探す●



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