[問題]
想請問css排版問題
這樣編排在ie正常...但是在ff就變成排版亂掉
要怎麼避免這樣的問題呢？
網址：http://id.mega.googlepages.com/default-2-WEB.html
*********************************
<body tracingsrc="img/02.jpg" tracingopacity="80">
<div class="container" id="container" >
<div id="logo" style="FLOAT:left" class="logo">
<div id="title" class="header" style="float:left">
<h2>....</h2>
</div>
<div id="left_bar" class="left_bar" style="float:left";>
<ul>
<li>....</li>
<li>....</li>
<li>....</li>
<li>....</li>
</ul>
</div>
</div>
<div id="nav" style="FLOAT:left" class="nav"><a href="123">....</a></div>
<div id="nav" style="FLOAT:left" class="nav">....</div>
<div id="nav" style="FLOAT:left" class="nav">....</div>
<div id="nav" style="FLOAT:left" class="nav">....</div>
<div id="content" class="content" style="float:left">content image</div>
<div id="icon" class="icon" style="float:left">icon-1</div>
<div id="icon" class="icon" style="float:left">icon-1</div>
<div id="icon" class="icon" style="float:left">icon-1</div>
<div id="icon" class="icon" style="float:left">icon-1</div>
</div>
<div style="float:left" id="nav">7qwewqe</div>
</body>
***************************CSS*******************************
@charset "utf-8";
/* CSS Document */
body{
margin-top:10px;
margin-left:10px;
}
.container{
width:900px;
height:1000px;
overflow:auto;
}
.logo{
margin-top:20px;
margin-left:30px;
background-image:url(../img/win-jen-logo.gif);
background-repeat:no-repeat;
height:100px;
width:100px;
margin-bottom:0px;
padding-right:25px;
}
.nav{
margin-top:5px;
margin-left:5px;
width:150px;
height:45px;
text-decoration:none;
borfer-left:3px;
text-align:center;
padding-top:25px;
background-color:#FF9900;
font-size:1em;
}
.nav a{
text-decoration:none;
widtg:150px;
height:45px;
}
.h2{
font-size:1.475em;
}
.header{
margin-top:105px;
text-align:center;
}
li{
margin-left:-20px;
list-style-image:url(../img/list-style-01.gif);
line-height:2em;
}
.left_bar{
margin-top:20px;
width:100px;
height:500px;
}
.content{
margin-left:5px;
margin-top:5px;
width:615px;
height:230px;
background-color:#009966;
}
.icon{
margin-left:5px;
margin-top:5px;
width:150px;
height:150px;
background-color:#FFCC00;
}
.container2{
width:300px;
}
時間: Wed Aug 6 01:36:54 2008
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.56.129.157
※ 編輯: cadmus22 來自: 61.56.129.157 (08/06 01:46)
推
08/06 10:58, , 1F
08/06 10:58, 1F
→
08/06 10:58, , 2F
08/06 10:58, 2F
→
08/06 10:58, , 3F
08/06 10:58, 3F
→
08/06 10:59, , 4F
08/06 10:59, 4F
→
08/06 10:59, , 5F
08/06 10:59, 5F
→
08/07 16:27, , 6F
08/07 16:27, 6F
→
08/08 12:21, , 7F
08/08 12:21, 7F
討論串 (同標題文章)
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章
