內部 div #header 有設定 margin-top:5px; 與外部 div #main_wrapper 要空 5px, ie 結果正常, firefox 不正常.
html:
<head>
<!-- Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test1</title>
<!-- CSS -->
<!-- 畫面版面設計樣式表 -->
<link href="css/layouts/style_layout_test01.css" rel="stylesheet" media="all" />
<link href="css/texts/style_text_test01.css" rel="stylesheet" media="all" />
</head>
<body>
<div id="main_wrapper">
<div id="header">AA
</div><!-- header -->
</div><!-- main_wrapper -->
</body>
</html>
css用來定 layout:
body {
text-align:center; /* IE6 needs this to center the layout in the browser window */
}
#main_wrapper {
width:940px; /* widths of columns will change proportionately as this width is changed */
margin-left:auto; /* centers layout in browser */
margin-right:auto; /* centers layout in browser */
text-align:left; /* resets the centering hack for IE6 on the body tag */
}
css用來定 顏色:
body {
background-color:#FF0000;
margin:0px;
}
/* 主封底 */
#main_wrapper{
background-color:#FFFF00;
height:60px;
}
/* 頁首 */
#header{
background-color:#FF00FF;
height:50px;
margin-top:5px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
}
| 附加檔案: |
檔案註釋: ie 與 ff 不同.
err.JPG [84.72 KiB]
被下載 410 次 |