[問題] CSS三欄式排版問題

[etchen (『M.』)]

這是我寫的CSS內容，

碰上了一些難題想問問大家^^

基本上我都會看IE和FF顯示出來的樣子是怎樣，

可是用IE看CONTENT的部份上面會空白好大一塊，FF則不會。

是因為瀏覽器的關係嗎？


然後Content的地方，

若內容文字超過所設定的寬度，

卻會與Right區塊重複到，是否要寫強制斷行呢？(我記得爬文好像有)


還有就是我的Right區塊如果設定寬度為140px靠右，

他卻會凸一點點出來，

如果設為160px的話他就會乖乖在裡面了，

我都有用middle包起來了，為何還會這樣呢^^？

以下是css內容：

#middle{
        position:relative;
        width:900px;
        border-width:0px;
        background-color:#ffffff;
        margin:10px 0px 0px 0px;
}

#left{
  float: left;
  border-width: 0px;
  background-color: #ffffff;
  width:140px;
}

#content{
        padding:0px 160px 0px 160px;
        border-width: 0px;
        background-color: #ffffff;
        width:580px;
}

#right{
        float:right;
        border-width: 0px;
        background-color: #ffffff;
        width:160px;
}


網頁內容是這樣：

<div id="middle">
        <div id="left">左邊區塊內容</div>
        <div id="content">中間區塊內容</div>
        <div id="right">右邊區塊內容</div>
</div>

謝謝大家(∩_∩)

--
請勿拍打、餵食！
http://www.wretch.cc/album/etchen

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 123.204.33.140
推 pm2001:div不是會強制換行嗎?
→ etchen:寫這個時常鬼打牆一樣...他就是沒換行T_T
推 world9918:用Position就變成圖層了吧..應該不會換行
→ etchen:我後來把middle的position拿掉.可是段行還沒解決.還有right
→ etchen:會凸出去的問題很擾人>_<
推 mdfh:http://0rz.tw/503WY  ?
→ etchen:@_@感謝樓上，可是我不是要這種...
推 mdfh:冏 我眼花看錯了....