HTMLの質問です。
HTMLのコーディングのご質問です。自分ではどうしても解決できず、皆さんにご協力をお願いしたいです。
グーグルクロムのブラウザで見た場合は、どうしても一番下に隙間ができてしまいます。
ソースは下記の通りです。
HTML
--------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" href="test.css" type="text/css" />
</head>
<body>
<div id="wrap">
テスト<br />テスト<br />テスト<br />
テスト<br />テスト<br />テスト<br />
テスト<br />テスト<br />テスト<br />テスト<br />
テスト<br />テスト<br />テスト<br />テスト<br />
テスト<br />テスト<br />テスト<br />テスト<br />
テスト<br />テスト<br />テスト<br />テスト<br />
テスト<br />テスト<br />テスト<br />テスト<br />
テスト<br />テスト<br />テスト<br />テスト<br />
テスト<br />テスト<br />テスト<br />テスト<br />
テスト<br />テスト<br />テスト<br />テスト<br />
テスト<br />テスト<br />テスト<br />
テスト<br />テスト<br />テスト<br />
テスト<br /></div></body>
</html>
------------------------------------
CSS
------------------------------------
@charset "UTF-8";
body,div,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,
ul,ol,li,dl,dt,dd,
form,fieldset,legend {
margin: 0;
padding: 0;
font-family: "MS Pゴシック","ヒラギノ角ゴ Pro W3",Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
line-height: 0%;
}
html {
overflow-x:hidden;
overflow-y:scroll;
}
html,
body {
height:100%;
}
/*font-size*/
body {
font-size: 10px;
_font-size:62.5%;/*IE6*/
margin:0px;
padding:0px;
background: #F5F5F5;
color:#000;
line-height:1.4;
}
input,textarea {
font-family:Arial,Helvetica,sans-serif;
}
img,object {
margin: 0;
padding: 0;
border: 0;
vertical-align:bottom;
}
/*table*/
table {
border-collapse: collapse;
border-spacing: 0;
}
p {
text-align: justify;
text-justify: distribute;
}
/*clearfix*/
/*height0.1px font-size0.1em*/
.clearfix:after, div:after {
content: ".";
display: block;
height: 0.1px;
font-size: 0.1em;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}/*IE7p*/
.clear {
clear:both;
}
/* Hides from IE-mac */
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */
ul,
li {
list-style:none;
margin:0px;
padding:0px;
}
strong {
font-weight: normal;
}
em {
font-style: normal;
}
address {
font-style: normal;
}
body {
background: #FAF5CF;
height: 0%;
line-height: 0%;
}
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,
ul,ol,li,dl,dt,dd,
form,fieldset,legend{
line-height: 100%;
}
#wrap {
background: #FFFFFF;
width: 906px;
margin: 0 auto;
padding:0;
line-height: 160%;
}
-----------------------------
#wrapには高さを指定せずに使いたいと考えています。
お手数をおかけしますがよろしくお願いします。
お礼
スパム用フィルタ逃れに1票ですね。 てっきり、IEなんかでは変わった表示をしてくれるのか と考えていました。 それにしても、キーワードに関係なく変なコメントだらけにするのは、節操がない。