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

看板Web_Design作者 (『M.』)時間17年前 (2008/04/19 22:14), 編輯推噓4(404)
留言8則, 4人參與, 最新討論串1/4 (看更多)
這是我寫的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

04/19 22:27, , 1F
div不是會強制換行嗎?
04/19 22:27, 1F

04/19 22:32, , 2F
寫這個時常鬼打牆一樣...他就是沒換行T_T
04/19 22:32, 2F

04/20 00:38, , 3F
用Position就變成圖層了吧..應該不會換行
04/20 00:38, 3F

04/20 01:17, , 4F
我後來把middle的position拿掉.可是段行還沒解決.還有right
04/20 01:17, 4F

04/20 01:18, , 5F
會凸出去的問題很擾人>_<
04/20 01:18, 5F

04/20 13:01, , 6F
04/20 13:01, 6F

04/20 14:05, , 7F
@_@感謝樓上,可是我不是要這種...
04/20 14:05, 7F

04/20 15:51, , 8F
冏 我眼花看錯了....
04/20 15:51, 8F
文章代碼(AID): #182VvQPA (Web_Design)
文章代碼(AID): #182VvQPA (Web_Design)