作者JYHuang (夏天到了，冷不起來了說)
看板Web_Design
標題Re: [問題] 整個網頁置中
時間Sat Oct 6 00:06:19 2007
※ 引述《hubin (阿賓  NN)》之銘言：
: 爬了很多文章，關於網頁在瀏覽器的水平置中
: body{
: font-family:"Times New Roman", Times, serif;
: font-size:100%;
: margin:0px auto;
: width:800px;
: }
: 這是我css的一個寫法
: firefox很容易解決
: 但IE試了很多的方法，就都不行？
: 我是要讓整份文件置中，不是文字喔
: 麻煩大家了~
1F：推 kinoho:專題也在趕進度唷 科科 10/05 12:18
2F：推 averywu:margin 左右都設auto.把全部內容包起來 10/05 12:20
3F：推 franklai:加上正確的doctype，IE就會置中了 10/05 17:33
說到這就想到今天弄的一個網頁
上面丟了一張圖下來，要我弄成網頁
我就分成三個部份、上方是大標題、中間是Menu、下方是簽名
menu的部份很像是菜單那種 紅茶....... XX元
有好幾行，我就直接用div分成左右兩部份
不然要把字對齊大概會弄到起肖
然後架構是
<div contant> 左右邊界都是auto
<div title>置中
<div menu_l>(float:left)左邊界200
<div menu_r> 左邊界350
<div sign>置中
</div>
結果困難的在後頭..
在FX上看是這樣 =title=
menu
sign
結果到了IE變成 =title=
menu
sign
傻眼...= = 怎麼調都是會不一樣..
像這種的都不知道怎麼排了 Orz
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.105.55.63
4F：→ grence:試試前面的float:left、後面的float:right 10/06 00:16
5F：→ aceone:你menu的左邊界好大,是用絕對定位嗎? 那你應該把float拿掉 10/06 01:16
6F：→ aceone:然後container要設相對定位 10/06 01:17