HP制作中です。
HP制作中です。
ページの最上部に高さ150pxの帯を左右いっぱいに表示させ、内容は左右800px幅に表示させたページを作りたいのですが、bodyに高さ150pxの画像をX軸のみリピートさせ、内容のheadセレクタにも同じ画像を表示させた場合に、IE7は問題無いようですが、Firefoxだと内部セレクタの上に余白ができて画像がずれてしまいます。
htmlのhead内に<style type="text/css">
<!--
body {margin-top: 0px;}
-->
</style>
を入れてみましたが解決しません。
宜しくお願いします。
body {
color: #666666;
font-size: 75%;
background-image: url(image/head.png);
background-repeat: repeat-x;
margin-top: 0px;
padding-top: 0px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#wrapper {
height: auto;
width: 800px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
padding-top: 0px;
}
#header {
height: 160px;
margin-top: 0px;
padding-top: 0px;
background-image: url(image/head.png);
background-repeat: repeat-x;
}
お礼
なんとか自分で解決できました。 float:left; のあとにｃlear:left; を入れるのを忘れてました