Re: [問題] 請問圖層如何隨網頁置中

看板Web_Design作者terrylchen (某T)時間18年前 (2008/01/25 01:27)推噓4(4推 0噓 0→)

留言4則, 4人參與討論串2/2 (看更多)

→

chph

01/25 00:50,

01/25 00:50

→

chph

01/25 00:51,

01/25 00:51

→

chph

01/25 00:52,

01/25 00:52

並非在設計模式下加入div會預設絕對定位，而是因為你選的是layer。要用點選的方法加入div應該要選div標籤而不是layer。 layer如何隨網頁置中其實算是很基本的觀念問題。有時會看到網頁置中，而layer卻在頁面的左邊；或者是使用left的值使layer在網頁的正確位置，但是等到螢幕解析度一改變layer的位置就出現錯誤。要解決這個問題必須從基本觀念了解。 layer即是position為absolute的div。當物件的position屬性為absolute的時候，該物件會跳脫頁面的結構，並且以螢幕的左上角，即為座標(0,0)為計算的基準。解決的方法就是使用一個「容器」將該物件包起來，並且將position屬性設定為relative，讓裡面的物件和容器本身做絕對定位。基本上這樣就解決一半了。如果像原po是將layer放在td裡，理論上來說，應該將td加上position:relative來解決。而在IE上，這樣做的確是可以正常運作，但是在FF上，則layer依然會以(0,0)來做定位。以原po的情況來說，可以用一個大的div(姑且叫container)包住整個網頁的內容， container的position為relative，讓layer跟container做絕對定位。或是在layer所在的td裡再用一個position為relative的div包住，這樣layer就會和所在的td做絕對定位。 -- 某T：我喜歡妳>/////< ：You gonna try harder...╮(╯_╰)╭ 某T：啥？試著硬一點>///<(羞) ：是叫你再努力一點啦<(＃￣皿￣)╮☆(__ __||) -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 61.228.91.129 ※ 編輯: terrylchen 來自: 61.228.91.129 (01/25 01:27)

推

ateclean

01/25 03:01, , 1^F

01/25 03:01, 1^F

推

gpgpt

01/25 05:39, , 2^F

01/25 05:39, 2^F

推

chph

01/25 10:31, , 3^F

01/25 10:31, 3^F