- ベストアンサー
プログラミングの方法とHTMLのエリアの延長について
- プログラミングの方法とHTMLのエリアの延長について説明します。
- HTMLのエリアを文字の量に応じて延長する方法について教えます。
- プログラムを変更することで、文字の量に応じてエリアが延長されるようになります。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
テキスト部分では高さを使わない方が良いので、 height: 400px;などの高さを指定しない事。 ピッタリ合わせたつもりでも、フォントサイズを変更すると・・・ ---------------- 背景色は、構想段階での仮仕様だと思いますが、実際には、 片サイドもしくは両サイドを合わせる程度なので、 下記の様な書き方で実現可能ですが、実際には使わないでしょうｗ 最悪、tableレイアウトって方法もありますが・・・ #inner1{width:900px; background:blue;} #left { width: 180px; float: left; } #inner2{width:720px; float:left; background:yellow;} #middle { width: 540px; padding-bottom:600px; /* これはテキストの代用 */ background: orange; float: left; } #right { width: 180px; float: left; } <div id="inner1"> <div id="left">left</div> <div id="inner2"> <div id="middle">middle</div> <div id="right">right</div> </div> <div id="footer">footer</div> </div>
その他の回答 (2)
- oktuburero
- ベストアンサー率22% (102/446)
質問者がどこかで誰かに話して恥をかく前に書くけど HTMLやCSSはプログラミング言語ではありません。 マークアップ言語です。
- sr-ki
- ベストアンサー率66% (6/9)
まず、#left , #middle , #right の height:400px を消せば内容に合わせて各カラムの高さが変わります。 各カラムの背景色を下まで表示するには、各カラムが固定幅なら#wrapperの背景に3カラム分の背景を1つの画像にしたものを縦リピートで指定すると、一番長いカラムに合わせて全カラムに背景が表示されます。 という方法が一般的だと思います。
