テーブルの高さ
-
0 名前： すぎちゃん ： 2005/06/12 02:49 ［URL］
- タグの参考にさせて頂いています
質問なのですが、テーブルの高さをウィンドウに対して100％にしたいのですが
なかなかできません
他のサイトでそうしているページも見つけたのでやってみたいです
お願いします
-
1 名前： カヅサツ ： 2005/06/12 02:49 ［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-Type" content="text/html; charset=shift_jis">
<link rel="stylesheet" type="text/css" href="style.css">
<title>ARCHI-DESIGN</title>
</head>
<body>
<div id="main">
<div id="title">
<h1><a href="index.htm"><img src="top.gif" width="279" height="37" alt="ARCHI-DESIGN"></a></h1>
<ul>
<li><a href="new.htm"><img src="new.gif" width="46" height="13" alt="New"></a></li>
<li><a href="review.htm"><img src="review.gif" width="57" height="14" alt="Review"></a></li>
<li><a href="bbs.htm"><img src="bbs.gif" width="31" height="14" alt="BBS"></a></li>
<li><a href="link.htm"><img src="link.gif" width="26" height="14" alt="Link"></a></li>
</ul>
</div>
<h2><img src="top2.gif" width="600" height="100" alt="Welcome"></h2>
<p>このサイトでは建築やデザインに少しでも関係のありそうなモノを紹介していきます</p>
<p>学生の視点で学生に紹介していく感じでこれからコンテンツを増やしていきます</p>
</div>
</body>
</html>
-
2 名前： カヅサツ ： 2005/06/12 02:49 ［URL］
- style.css：
html{
scrollbar-arrow-color: #999999;
scrollbar-base-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #999999;
scrollbar-3d-light-color: #FFFFFF;
scrollbar-shadow-color: #999999;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
}
body{
color: #FFFFFF;
background-color: #333333;
font-size: 8pt;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
padding: 0px;
margin: 0px;
}
html,body{
height: 100%;
}
h1{
display: inline;
margin: 0px;
padding-right: 71px;
}
h2{
margin: 3px auto 40px auto;
}
a:link {
color: #999999; text-decoration: none; }
a:visited {
color: #999999; text-decoration: none; }
a:active, a:hover {
color: #CCCCCC; text-decoration: underline; }
a:link img,
a:visited img{
border-width: 0px;
}
div#main{
width: 600px;
height: 100%;
color: #666666;
background-color: #FFFFFF;
margin: 0px auto;
padding: 33px 3px 0px 3px;
}
div#title ul{
margin: 0px;
pading; 0px 0px;
display: inline;
}
div#title li{
margin: 0px;
pading; 0px;
list-style-type: none;
display: inline;
padding: 0px 5px;
}
div#title img{
vertical-align: bottom;
}
-
3 名前： すぎちゃん ： 2005/06/12 02:49 ［URL］
- ありがとうございます
早速挑戦してみます！
