Re: [問題] CSS排板問題(問題更新)
※ 引述《zon (Zon)》之銘言：
: 先謝謝一樓的幫忙，我又矯正了一下
: http://www.effintech.com/_back/index.html
: 另外我把不同的browser的慘劇列了一下...
: Chrome 5
: http://www.effintech.com/_back/chrome.jpg
: Firefox 3.6
: http://www.effintech.com/_back/firefox.jpg
: 還請版友給點建議了，大感謝 ^^"
: 並祝大家週末愉快，謝謝。
雖然已經回信給你，不過還是在板上拿出來一起討論。
---
其實我是看過這問題，不過最近太忙了就沒有細回，
但既然你來問了那就...
1.chrome那個問題我不太瞭，應該有其他專家可以回。
2.至於 ie8 那個問題，如果我沒看錯，那個在我的firefox 3.6 上也有，
#webpage-navbar > ul > li > a
這群元素我不太瞭解為什麼要下position:absolute;
八竿子打不到一塊啊，改下display:block; 就好了吧
3. firefox的問題，
這頁面設計上float用的很多，但 clear的概念不太好，
如果你有注意看的話，#webpage-content 的高度根本沒有被撐開，
他的height其實是0 。
你也一定很奇怪，
為什麼#webpage-content 看起來像是margin-left 200多px，
這故事是因為你上一個元素 #webpage-top 中的 #webpage-navbar 有float，
你在下一層的 #webpage-content 應該要先上 clear:both 清掉上一層的影響
。
這樣位置就正常了。
另外有個我不太確定是不是標準的建議，在 #webpage-content 的最後方，
因為你有float:left,float:right的兩個元素，
#webpage-productmenu ,#homepage-content
所以我會建議在他們後面在加上一個 <div style="clear:both"></div>
（上css class也可以啦...那不重要）
這樣可以把webpage-content 撐開，如果你有需要做border或者其他用途，
這樣在box上看起來是比較正常的。
其實css3 應該是有個 :after可以用，不過 ie support得很差，
所以我都是用 div 的這種作法...
差不多就這樣。
--
我：一半的日子讓你說，我聽你說你的所有______________________________________
______________________________________一半的日子我想說，對你說過去的所有：我
_______________________________________________________
在討論中妥善扮演兼具聆聽與分享的角色，是我們一生的課題。
_______________________________________________________
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.136.204.151
推
06/20 23:05, , 1F
06/20 23:05, 1F
討論串 (同標題文章)
完整討論串 (本文為第 1 之 2 篇)：