ホームページの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ランキング
-
1行で左寄せと右寄せと中央揃え...
-
CSSで背景画像が表示されない
-
Webサイト作成 プログレスバー ...
-
ホームページの位置のずれについて
-
リンクで違うページの指定箇所...
-
CSSで背景を下までのばすには?
-
CSSでdivのheightを動的に
-
ヘッダー部フッター部の固定と...
-
ホームページのsidebar とconte...
-
ホームページの見せ方
-
CSS <div>の入れ子が反映さ...
-
div要素を半透明にして且つ外枠...
-
javascriptテキストBOX色を元に...
-
javascriptで毎月替わる画像
-
eclipseでcssを使うためには?
-
MAX関数を使ってからLEFT JOIN...
-
MFCで画像を表示させているので...
-
JavaScript 可変スクロールバ...
-
Slick.jsのオプションrtlについて
-
onmouseover、onmouseoutの仲間...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フッター上部に謎の隙間
-
【CSS】floatで左右に並べた...
-
CSS <div>の入れ子が反映さ...
-
Ctrl+F(検索)の窓を出したいの...
-
css固定したフッターが本文と重...
-
textareaで入力した文字を改行...
-
オンマウス時に別画像を上に重...
-
文字を固定したいのですが…
-
スクロール可能なチェックボックス
-
divのheight指定で画面一杯に表...
-
Flickity で画像にリンクを貼る...
-
スタイルシートで画面を上下に...
-
1行で左寄せと右寄せと中央揃え...
-
CSS のみのタブ切り替えについて
-
CSS 可変マージン
-
HTMLですCSSです この画像のよ...
-
チェックボックスの背景色って...
-
HTMLですCSSです 画像のように...
-
画像の特定の座標にカーソルが...
-
TABLEの高さを固定したいのですが…
おすすめ情報