- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：ホームページのsidebar とcontentの丈（縦幅）を合わせるに）
ホームページのsidebarとcontentの丈（縦幅）を合わせる方法
このQ&Aのポイント
- Dreamweavercs5を使ってホームページを作成している初心者ですが、sidebar（横20％）とcontent（横80％）の丈（縦幅）を合わせる方法について試行錯誤しています。
- 現在、ヘッダー、sidebar、content、フッターの高さをpxで指定していますが、同じ高さの数値を入れてもピッタリ合いません。余白ができて見た目が悪くなってしまっています。
- パーセンテージ指定を試しましたが、自分がやるとsidebarの高さが変化せず、自動と同じ高さのままです。基本的なことを忘れているのでしょうか？もし良い方法があれば教えていただきたいです。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
DreamweaverCs5の質問ですよねえ？ marginとかpaddingの影響でしょうか 単純な<div>なら、手打ちでコーディングしても隙間は出来ません。 <style type="text/css"> #header {background-color:yellow;} #sidebar {background-color:blue;width:20%;height:500px;float:left;overflow:hidden;} #content {background-color:green;width:80%;height:500px;overflow:hidden;} #footer {background-color:red;;clear:both;} </style> <body> <div id="header">header</div> <div id="sidebar">sidebar</div> <div id="content">content</div> <div id="footer">footer</div> </body>
お礼
回答ありがとうございました。 overflow:hidden 勉強になりました。