Firefoxで見出しが上段にずれてしまいます。
IE6.0とOperaであれば正常に表示されるのですがFirefox2.0ですと<h1></h1>の部分が上の方にずれてしまいます。
色々変えてみましたが結局直すことが出来ませんでした。ご教授の程、よろしくお願いします。
◆スタイルシート◆
body {
font-family: "ＭＳ Ｐゴシック", ;
margin: 0px;
padding: 0px;
text-align: center;
}
#wrapper {
text-align: left;
margin: 0px auto;
padding: 20px;
height: auto;
width: 900px;
h1 {
font: x-large "ＭＳ Ｐゴシック", ;
border-bottom: 1px solid #0000FF;
border-left: 10px solid #0000FF;
width: 100%;
text-align: left;
#contents {
margin: 0px;
padding: 0px;
height: auto;
width: 750px;
}
#wrapper #contents #side {
font: small/23px "ＭＳ Ｐゴシック", ;
}
#contents #side {
margin: 0px 5px;
padding: 0px;
float: left;
height: auto;
width: 430px;
}
#contents #main {
margin: 0px;
padding: 0px;
float: right;
height: auto;
width: 300px;
｝
◆ＨＴＭＬ◆
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<body>
<div id="wrapper">
<div id="contents">
<h1>名称</h1>
<div id="side">
<P>説明文
</P>
</div>
<div id="main">
JPEG画像
</div>
</div>
※contents～mainまでを何度か繰り返します。
</div>
</body>
</HTML>
お礼
早速の回答有難うございます。 いとも簡単に直ってしまいしました。 毎度、毎度このコーナーには助けてもらってます、これからもよろしくお願いします。