xhtml+cssでレイアウトしたページがmacで崩れる
xhtml+cssでレイアウトして、コーディングしたPageなのですが、
階層Pageで作ったソースをコピーして4P作成しました。
テーブルは一切使わず、ヘッダー、メニュー、メイン、フッターで構成し、CSSでレイアウトをおこない、うまくできたのですが、どうしてか、MACのIE5.1の環境の時だけ、サイドメニューの下にメインコンテンツが、崩れてきてしまい、メインのスペースが空白になってしまいます。
MAC IE5.2では問題なく見れました。
それも、他の階層ページは、問題なく表示するのです。
cssソースは以下になります。
ヘッダー フッター省略
度々の質問で恐縮です。
@charset ”utf-8”;
/*ここからコンテンツ*/
#contents {
margin: 0px 0px 0px 63px;
padding: 0px;
width: 900px;
height: 1100px;
}
#contents #main {
margin: 0px;
padding: 0px;
float: right;
height: 1100px;
width: 680px;
}
#contents #main h2 {
background: url(../treet/images/title_08.jpg) no-repeat;
height: 57px;
width: 633px;
padding: 0px;
margin-top: 15px;
margin-left: 5px;
}
#contents #main h2 em {
visibility: hidden;
}
#contents #main p {
margin: 5px;
padding-bottom: 15px;
font: 12px/16px ”ＭＳ Ｐゴシック”, Osaka, ”ヒラギノ角ゴ Pro W3”, sans-serif;
width: 550px;
border-bottom: 1px dotted #CCCCCC;
}
#contents #main h3 {
color: #666666;
height: 16px;
margin-right: 15px;
margin-left: 30px;
padding-top: 4px;
padding-bottom: 6px;
padding-left: 6px;
border-bottom: 1px dotted #a5d3e2;
border-left: 6px solid #a5d3e2;
width: 555px;
font: 16px ”ＭＳ Ｐゴシック”, Osaka, ”ヒラギノ角ゴ Pro W3”, sans-serif;
}
.p1 {
margin: 0px;
padding: 0px;
width: 550px;
font: 12px/16px ”ＭＳ Ｐゴシック”, Osaka, ”ヒラギノ角ゴ Pro W3”, sans-serif;
color: #666666;
}
.p2 {
margin: 0px;
padding: 0px;
width: 550px;
font: bold 12px/16px ”ＭＳ Ｐゴシック”, Osaka, ”ヒラギノ角ゴ Pro W3”, sans-serif;
color: #82C1D7;
}
.p1-a {
font-size: 12px;
width: 520px;
margin: 0px;
padding: 0px;
line-height: 16px;
text-align: right;
float: right;
}
.block {
display: block;
width: 520px;
margin-left: 25px;
}
#contents #main h2#list {
height: 57px;
width: 633px;
padding: 0px;
margin-top: 15px;
margin-left: 5px;
background-image: url(../company/images/title_08.jpg);
background-repeat: no-repeat;
}
.p3 {
font-family: ”ＭＳ Ｐゴシック”, Osaka, ”ヒラギノ角ゴ Pro W3”;
font-size: 12px;
line-height: 120%;
color: #666666;
}
/*ここまでコンテンツ*/
/*ここからサイドナビ*/
#contents #sidenavi {
background: #99CC66 url(images/bg_19.jpg) repeat;
margin: 0px;
padding: 15px 0px 0px 5px;
height: 1100px;
width: 190px;
float: left;
}
#contents #sidenavi h2 {
font-size: 9px;
float: left;
margin: 0px;
padding: 0px;
}
#sidenavi h2 a {
text-decoration: none;
display: block;
height: 56px;
width: 182px;
margin: 0px;
padding: 3px 0px 3px 3px;
color: #0000CC;
font-family: ”ＭＳ Ｐゴシック”, Osaka, ”ヒラギノ角ゴ Pro W3”, sans-serif;
}
#sidenavi em {
visibility: hidden;
}
/*サイドナビ1番*/
#sidenavi h2#sn1 {
background: url(images/navi_06.jpg) no-repeat;
}
#sidenavi h2#sn1 a:hover,#sidenavi h2#sn1 a:active {
background: url(images/navi_ov_06.jpg) no-repeat;
}
/*サイドナビ2番*/
#sidenavi h2#sn2 {
background: url(images/navi_12.jpg) no-repeat;
}
#sidenavi h2#sn2 a:hover,#sidenavi h2#sn2 a:active {
background: url(images/navi_ov_12.jpg) no-repeat;
}
/*サイドナビ3番*/
#sidenavi h2#sn3 {
background: url(images/navi_14.jpg) no-repeat;
}
#sidenavi h2#sn3 a:hover,#sidenavi h2#sn3 a:active {
background: url(images/navi_ov_14.jpg) no-repeat;
}
/*サイドナビ4番*/
#sidenavi h2#sn4 {
background: url(images/navi_16.jpg) no-repeat;
}
#sidenavi h2#sn4 a:hover,#sidenavi h2#sn4 a:active {
background: url(images/navi_ov_16.jpg) no-repeat;
}
/*ここまでサイドナビ*/
