![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
ホームページのsidebar とcontentの丈(縦幅)を合わせるには。Dreamweavercs5でホームページを作っている初心者です。sidebar(横20%) とcontent(横80%)で、contenerは、横80%、でうまく会ってますが。縦のheader,sidebar,content,footerをpxで指定して、プラウザを開けながら試行錯誤でcontent とsidebarの丈(height)を、会わせていますが、エンドが、ぴったり合いません(同じheight
数値を入れても合いません)。隙間が出来て見苦しいです。%指定もわたしがやると、sidebarが、変化しないで、autoと同じ丈のままです。何か、基本的なことを、忘れてるんでしょうか?なにか良い方法があれば、よろしくお教えください。
No.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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- PHP Content-Typeが機能していない? 2 2022/07/17 11:10
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- DIY・エクステリア ルミナスのラックで、ストーブガードを自作したいが、熱くはならない? 1 2023/02/18 18:18
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS 要素の幅をいろんな写真の幅に合わせたい。 1 2022/07/25 20:11
- Visual Basic(VBA) 【VBA】写真の縦横比を変えずに貼り付ける 5 2023/06/13 11:42
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フッター上部に謎の隙間
-
css固定したフッターが本文と重...
-
オープニングにアニメーション...
-
【コーディング】途中から位置...
-
【CSS】floatで左右に並べた...
-
フッターの下に隙間ができてしまう
-
チェックボックスの背景色って...
-
ワードプレスでレイアウトが崩...
-
HTML CSS 文字化け
-
ヘッダとフッタが固定でコンテ...
-
html スクロール要素を下から表...
-
このタグはグラデーションです...
-
divのheight指定で画面一杯に表...
-
IE6のレイアウト崩れ
-
MAX関数を使ってからLEFT JOIN...
-
変数内容をHTML内で表示する方法
-
指定したパスが現URLに含まれて...
-
JavaScriptで、?マークとコロ...
-
Slick.jsのオプションrtlについて
-
JavaScript スライドの画像にリ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フッター上部に謎の隙間
-
CSS <div>の入れ子が反映さ...
-
【CSS】floatで左右に並べた...
-
css固定したフッターが本文と重...
-
文字をクリックしたら別の文字...
-
textareaで入力した文字を改行...
-
オンマウス時に別画像を上に重...
-
スクロール可能なチェックボックス
-
文字を固定したいのですが…
-
1行で左寄せと右寄せと中央揃え...
-
Ctrl+F(検索)の窓を出したいの...
-
チェックボックスの背景色って...
-
Webサイト作成 プログレスバー ...
-
離れた場所にマウスオーバーで...
-
スタイルシートで画面を上下に...
-
メニューバーもスクロールに合...
-
ホームページのsidebar とconte...
-
CSSで背景を下までのばすには?
-
かなり困っています。知恵を貸...
-
TABLEの高さを固定したいのですが…
おすすめ情報