※ ChatGPTを利用し、要約された質問です(原文:MacではOKなのにWinで見るとトップ以外のページのレイアウトが崩れているのは何故?)
MacとWinでのサイト表示の違いとレイアウト崩れの原因
このQ&Aのポイント
MacとWinでサイトの表示が異なる現象が発生しています。
WinのIEでの観覧時に、トップページ以外のページのレイアウトが崩れています。
レイアウトはCSSでdiv分けしていて、基本的にどのページも同じCSSを適用しているはずですが、原因は何でしょうか?
MacではOKなのにWinで見るとトップ以外のページのレイアウトが崩れているのは何故?
お世話になります。現在サイトを作成しているのですが、何故かMacの表示とWinの表示が異なっていてWinで見るとレイアウトが崩れてしまっているという状況です。MacはSafari・FireFox・IEなどで確認しましたが普通にレイアウトが崩れることなく表示されました。ところがwinのIEで観覧してみるとトップページのみまともに表示され、他のページはレイアウトが崩れているのです。レイアウトはCSSでdiv分けして組み込んでいて基本どのページも同じCSSを適用しているはずなのに何故かトップページ以外のページが崩れます。これは一体どうしてなのでしょうか?教えていただけないでしょうか?
div#header {
width:800px;
margin-left:auto;
margin-right:auto;
}
div#container {
width:800px;
padding-bottom:5px;
margin-left:auto;
margin-right:auto;
}
div#contens {
width:800px;
margin-left:auto;
margin-right:auto;
}
div#leftmenu {
width:170px;
float:left;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}
div#centermenu {
width:630px;
float:left;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}
contents(800px)の中にleftmenu(170px)とcentermenu(630px)があるのですがこのcentermenuがleftmenuの隣に収まって欲しいところ下段に表示されます。