両サイドの帯について
- 0 名前： kurumi ： 2005/03/30 11:31
- ＨＰを初めて作っています。
全ページに両サイドの帯を入れたいのでこちらのサイトの方法通り記述
しました。
-----------------------------------------------------
http://www.tagindex.com/hp_guide/css_layout1/01.html
height: 100%; /* メインエリアの高さ */
-----------------------------------------------------
としていますが、ＩＥでは内側の白い部分はページの最後まで切れる
ことなく表示されますが、ＮＮ７．１では、１ページ分のサイズしか
白い部分が表示されず下の方が切れてしまいます。
ページの高さが600pxですので
-----------------------------------------------------
height:600px; /* メインエリアの高さ */ /* 高さ */
-----------------------------------------------------
としても同様の結果でした。正しく表示される方法を教えてください。
- 1 名前： えじ ： 2005/03/30 14:10
- うかつでした。すいません。
これは根本的にダメかもしれません。
ページの内容が埋まっているのであれば、
height: 100%; を取れば白い部分が切れないとは思いますが、
これでは解決にはなってませんね…。
- 2 名前： カヅサツ ： 2005/03/30 14:35 ［URL］
- これじゃあかんのん？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<meta http-equiv="content-style-type" content="text/css">
<title></title>
<style type="text/css">
html{
margin: 0px;
padding: 0px;
}
body{
background-color: #FFF;
margin: 0px;
padding: 10px;
border-width: 0px 100px;
border-style: solid;
border-color: #BDE9BA;
}
</style>
</head>
<body>
<p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p>
<p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p>
<p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p>
<p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p>
<p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p>
</body>
</html>
- 3 名前： kurumi ： 2005/04/01 06:48
- いろいろ調べていましたが、height=autoにしたら上手くいきました。
