をざっと拝見しましたが、Netscape / Mozilla が「正しい」解釈をしているように見えます。 を拝見し、この見た目を元に構築しました。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja" dir="ltr"> <head> <title>CORK WEB</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="main"> <div id="contents"> <h1><img src="image/spiral.gif" alt=""><img src="image/c_news.gif" alt="News"></h1> <p>4月16日：ウェブページ<!-- ≠ホームページ -->リニューアルしました</p> <p>ドラムの(略)なりました。</p> <h2><img src="image/liveinfo.gif" alt="LiveInfo"></h2> <table> <tbody> <tr> <th>6月18日</th><td>柏ZAX (略)</td> </tr> <tr> <th>7月15日</th><td>柏ZAX (略)</td> </tr> <tr> <th>7月20日</th><td>柏ZAX (略)</td> </tr> </tbody> </table> <h2>テスト</h2> <p>テスト</p><p>テスト</p><p>テスト</p><p>テスト</p><p>テスト</p><p>テスト</p><p>テスト</p> </div> <ul id="menu"> <li><a href="./news.html"><img src="./image/b_news.gif" alt="News"></a></li> <li><a href="./about.html"><img src="./image/b_about.gif" alt="About"></a></li> <li><a href="./disco.html"><img src="./image/b_disco.gif" alt="Disco"></a></li> <li><a href="./media.html"><img src="./image/b_media.gif" alt="Media"></a></li> <li><a href="./bbs.html"><img src="./image/b_bbs.gif" alt="BBS"></a></li> <li><a href="./photo.html"><img src="./image/b_photo.gif" alt="Photo"></a></li> <li><a href="./link.html"><img src="./image/b_link.gif" alt="Link"></a></li> <li><a href="mailto:c_o_r_k@hotmail.com"><img src="./image/b_contact.gif" alt="c_o_r_k@hotmail.com"></a></li> </ul> <ul id="navi"> <li><a href="./"><img src="./image/banner.gif" alt="index"></a></li> </ul> </div> </body> </html>
body{
color: black;
background-color: white;
font-size: x-small;
border-width: 0px;
}
h1{
text-align: left;
margin: 0px 0px 0px -20px;
padding: 0px 0px 4px 0px;
border-width: 0px 0px 2px 0px;
border-style: solid;
border-color: black;
width: 200px;
}
h2{
margin: 60px 0px 1em 0px;
padding: 0px 0px 4px 0px;
border-width: 0px 0px 2px 0px;
border-style: solid;
border-color: black;
width: 200px;
}
ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}
a:link img,
a:visited img{
border-width: 0px;
}
div#main{
background-image: url("./image/bg.jpg");
margin: 30px auto 0px auto;
width: 897px;
height: 479px;
position: relative;
border: 1px solid white;
}
div#contents{
background-image: url("./image/c_area_bg.jpg");
background-attachment: fixed; /* IEバグ対策 */
height: 330px;
overflow: auto;
margin: 70px 84px auto 183px;
padding: 0em 1em 0em 20px;
}
div#main > div#contents{
background-attachment: scroll; /* IEバグ対策 */
}
ul#menu{
position: absolute;
top: 90px;
left: 40px;
}
ul#menu li{
margin: 5px 0px;
}
ul#navi{
position: absolute;
top: 437px;
left: 755px;
}