質問: height100%のボックスを作成し背景画像を設置し、MacIE5.1・5.2でプレビューすると余計な余白がページ下部にできてしまいます。 こちら、何をどうやってもなくすことができず困っております。 何卒お助け下さい(涙) --HTML--- height100%のボックス 標準準拠のIEやfirefoxでbody直下にheight100%のボックス ・・・略 --CSS-- html{ height:100%; } body{ height:100%; width:80%; margin:0px auto; } div#main{ background-image:url(../images/contents_bg.gif); border:solid 1px #760014; border-width:0px 1px; height:100%; min-height: 100%; } body > #main { height: auto; }
回答: 今どき、MacIEは対応するだけ労力の無駄だと思いますが...。 html要素とbody要素などのmarginとpaddingは0にしていますか? ブラウザのデフォルトスタイルが適用されているとかはないですか? 基本的にhtml要素の扱いはUAによる差が大きいので、 だめならMacIEはあきらめるか、body要素にするか、JavaScriptなどを利用したほうがいいと思います。