作者Derix (PalaPala)
看板Web_Design
標題[問題] CSS的置中
時間Sat Feb 3 20:27:30 2007
小的寫了個網頁,欲將整個版面置中:
<div class="main">
...
</div>
而引入的CSS內容:
.main
{
width: 700px;
margin: auto;
}
不過問題可來了,FireFox裡的網頁顯示正確(所有CSS均能正常顯示)
然而IE卻顯示失敗(除了不能置中,部分的CSS也莫名失效)
不知道是否有人也遇過這種問題,還請問有什麼解決方法Orz
感謝眾前輩的指點了!
--
這種情形好像大部分都是IE成功FX失敗的樣子 = =a
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.216.214.18
推 othree:IE要在外層元素加上text-align: center; 02/03 20:45
推 Derix:已經加過了也失敗耶...Orz 是加在.main裡面對嗎? 02/03 21:03
推 buganini:<body style="text-align:center;"> 02/03 22:17
推 Derix:囧a...CSS該出來的還是沒出來...只有文字全部置中...||b 02/03 22:18
推 buganini:如果不強求標準的話,怒了就用<center> 02/04 00:22
推 Kelunyang:Div要置中最艱單的方式應該是把Div放到表格裡,設定成 02/04 00:28
→ Kelunyang:position:relative,不設定top和left,表格開儲存格至中 02/04 00:28
→ Kelunyang:這樣不但可以水平置中,還可以垂直置中,只是版上的前輩 02/04 00:29
→ Kelunyang:好像都不喜歡表格,小弟有個作品就是用上述的方式作的 02/04 00:29
推 Derix:感謝以上幾位前輩的指點,雖然不知道為什麼還是被無效化 Orz 02/04 08:28