左100px 中100% 右100px

質問

CSSを利用して、
左100px 中100% 右100px
とし、
中のサイズはブラウザのサイズを変更しても変わらないようにしたいのですが、
floatやmarginなどを駆使しても
左
中
右
のように回り込んでしまったり、
中のサイズが文字数分だけしか幅が広がらなかったりします。
テーブルなら簡単にいくのですが。。。

CSSだけで
左100px 中100% 右100px
のデザインを描画するのは可能でしょうか？

回答No.2

steel_gray · ベストアンサー

↓CSSによる3カラム（3段組）レイアウト
http://www.geocities.jp/multi_column/practice/3column1.html

ここの
「メインカラム幅可変、サイドバー幅固定 3カラム」
が参考になるんじゃないかな。

回答No.1

ORUKA1951

計算が合いません。

左100px 中100% 右100px

だとウィンドウ幅が1020pxだと
　1020-100px(左) = 920px
　でも中100%だと、右の100pxははみ出る
　しかもさらに右に100pxとるなんてできるはずが無い。

　親のブロック要素がなにであるか、どれが内容ブロックになるかをしっかり理解してコーディングしましょう。