ホームページのsidebar とcontentの丈（縦幅）を合わせるに

解決済

質問者：glotte
質問日時：2010/07/21 11:46
回答数：1件

ホームページのsidebar とcontentの丈（縦幅）を合わせるには。Dreamweavercs5でホームページを作っている初心者です。sidebar（横20%) とcontent(横80%)で、contenerは、横80％、でうまく会ってますが。縦のheader,sidebar,content,footerをpxで指定して、プラウザを開けながら試行錯誤でcontent とsidebarの丈（height)を、会わせていますが、エンドが、ぴったり合いません（同じheight
数値を入れても合いません）。隙間が出来て見苦しいです。％指定もわたしがやると、sidebarが、変化しないで、autoと同じ丈のままです。何か、基本的なことを、忘れてるんでしょうか？なにか良い方法があれば、よろしくお教えください。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： yyr446
回答日時：2010/07/21 13:04

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>