Re: [問題] 整個網頁置中

看板Web_Design作者時間18年前 (2007/10/06 01:07), 編輯推噓3(301)
留言4則, 3人參與, 最新討論串6/7 (看更多)
※ 引述《TKirby ( :D)》之銘言: : IE 這樣就可以 : 把整個文件包到 div 裡面 : <style type="text/css"> : body { : text-align:center; : } : div{ : text-align:left; : margin:auto; : width:500px;border:1px solid #000;background:#eee; : } : </style> : </head> : <body> : <div>今天天氣很不錯</div> : </body> 這個方式ok啊,ie6 ie7 ff都吃, 該不會原po真的用div{text-align:left....;} 才會出問題?(是#divName的意思喔) 還有另外一個用負邊界置中的trick #wrap{width:容器寬度; position:relative; left:50%; margin-left:-容器寬度/2} 就是把wrap容器設為相對定位, 相對於上一個元素的位置(就body啦) 跟左邊距離50%,所以wrap的左方會一直對齊視窗中間, 再用margin往左拉wrap容器寬度的一半,整個網頁就會在正中間囉。 : ※ 引述《hubin (阿賓￾  NN)》之銘言: : : 爬了很多文章,關於網頁在瀏覽器的水平置中 : : body{ : : font-family:"Times New Roman", Times, serif; : : font-size:100%; : : margin:0px auto; : : width:800px; : : } : : 這是我css的一個寫法 : : firefox很容易解決 : : 但IE試了很多的方法,就都不行? : : 我是要讓整份文件置中,不是文字喔 : : 麻煩大家了~ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 219.71.192.161

10/06 01:26, , 1F
這種方法好妙! (不過沒試過)
10/06 01:26, 1F

10/06 11:57, , 2F
終於成功了~太感謝了,我是用第一個方法成功的~呼
10/06 11:57, 2F

10/06 18:43, , 3F
10/06 18:43, 3F

10/06 18:44, , 4F
就是之前各位提到的幾種用法
10/06 18:44, 4F
文章代碼(AID): #171cz9tT (Web_Design)
討論串 (同標題文章)
文章代碼(AID): #171cz9tT (Web_Design)