為什麼這篇html整個網頁置中鄉民發文收入到精華區：因為在html整個網頁置中這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者l410203 ()看板Web_Design標題[請益] Dreamweaver ap div圖...
各位網頁設計版的達人大家好
我用ap div製作圖片彈出式選單(彈出的選單為圖片,較美觀)
但同樣遇到了ap div無法用於'置中對齊的表格'的問題
用過很多網路上提供的方法,似乎沒什麼用
我自己試過把整個表格做的版面丟到ap div裡,自成一個大的ap div圖層
這樣裡面放的任何ap div就可以乖乖的配置在它應該待的位置上;
但問題是,這個放表格版面的大ap div圖層仍舊是無法設定置中,
就算可以把它調到剛好位在自己螢幕正中的位置
換到不同螢幕後顯示出的也是會偏左或偏右
另外也試過包括調表格和ap div的CSS樣式(position..等),不過要讓兩者完美配合好像還
是有困難
我個人比較偏好置中的網頁,覺得用ap div置做選單最乾脆方便
但卡在ap div定位的問題
雖然覺得ap div是個好物
但若沒辦法配合普遍的置中網頁
不就等於無用武之地了
不知遇到這種問題大家都怎麼解決?
煩請解惑
THANKS.
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 113.61.193.134
→ gname:相對定位也無法置中嗎? 07/09 11:36
推 oj113068:你是想要做類似點選登入就出現一個小框框有登入的欄位 07/09 12:13
→ oj113068:然後這個小框框無論在哪種螢幕都是上下左右置中 07/09 12:14
→ oj113068:類似這種效果嗎？ 07/09 12:14
→ oj113068:AP DIV指的是DW設成Position:absolute的DIV? 07/09 12:16
→ oj113068:前面那種登入的框框要搭配JS才有可能不管在哪裡都置中 07/09 12:17
→ oj113068:Position:absolute的DIV好像無法做margin:0 auto這樣的 07/09 12:17
→ oj113068:定位，而且也限於相對於父元素的位置。 07/09 12:18
→ l410203:沒錯是Dreamweaver的'繪製AP Div'功能,用ap div和on mouse 07/10 00:09
→ l410203:over等行為使圖片構成的子選單彈出,這樣可以連子選單的樣 07/10 00:23
→ l410203:式都自己設計,和版面搭配起來其實還滿好看的 07/10 00:25
→ l410203:只是ap div和表格搭配不易;試過將ap div定為'relative',不 07/10 00:40
→ l410203:過會造成表格位移,和置中表格搭配不起來;置中表格似乎是靠 07/10 00:45
→ l410203:align="center"讓表格無論視窗怎麼拉都會待在正中間,但ap 07/10 00:47
→ l410203:div感覺就不行了;目前是把整個表格丟到ap div的巢狀結構方 07/10 01:05
→ l410203:式比較能確保裡面的各個ap div不會亂跑,但仍然不是最佳的 07/10 01:06
→ l410203:方式 07/10 01:07
推 oj113068:其實我看不懂你的意思，也許把原始碼貼上來或是網址來 07/10 23:37
→ oj113068:比較快。 07/10 23:37
→ arrack:用fancybox or lightbox 07/11 08:07
→ aceone:還是懂css比較好 看你的作法就覺得原始碼很亂... 07/11 10:06
→ l410203:網址是範例檔,置左一切正常,若置中和彈出選單就配合不來. 07/11 12:54
推 oj113068:你說的置中是你想把整個網頁置中嗎？ 07/11 16:29
推 oj113068:如果是的話，就跟表格或置中沒關聯，應該要去改AP DIV 07/11 16:31
→ oj113068:的left值... 07/11 16:32
→ l410203:Ap div是絕對定位,雖然有給它訂位置,但因為他好像只能'釘' 07/12 15:36
→ l410203:在固定的座標上,所以根本沒辦法和一調整式窗就跑來跑去的 07/12 15:39
→ l410203:置中網頁配合;想知道AP圖層怎樣讓它附著在置中表格上,怎麼 07/12 16:05
→ l410203:拉視窗都不會位移 07/12 16:05
→ oj113068:我看你的網頁好像沒有這必要，不過如果你想，可以試試看 07/12 17:44
→ oj113068:把他們丟在同一個表格或同一個DIV，然後把上層設成 07/12 17:44
→ oj113068:position:relative。 07/12 17:45
推 oj113068:喔，我知道了，你是怕使用者螢幕寬度不一樣所以body的原 07/12 17:53
→ oj113068:點不一樣，導致選單跑掉？ 07/12 17:53
→ oj113068:把兩個ApDIV都丟到85行的表格裡，表格設position:relativ 07/12 17:54
→ oj113068:剩下就調top和left。這樣他就會黏著85行的表格了 07/12 17:55
→ l410203:我試了是ok的,用ap div來框住另外一個ap div是可行的,但還 07/14 01:02
→ l410203:是卡在跟視窗配合這一關;整個版面若是用自己設位置的方式, 07/14 01:04
→ l410203:就會在左邊留下你所設定的像素寬,不會隨著瀏覽器縮放而置 07/14 01:09
→ l410203:中;ap div圖層其實可以做出滿多互動的功能,也可隨意擺在想 07/14 01:25
→ l410203:放的位置上,不過一遇到置中網頁就沒轍,或許他真的沒辦法用 07/14 01:26
→ l410203:在置中版面上吧?? 07/14 01:27
推 oj113068:你為什麼說OK又說卡在視窗="=? 07/14 09:43
→ oj113068:你是要這樣嗎？ 07/14 09:44
→ oj113068:你如果要他自動至中，那就把表格寬度算好，左邊留白算好 07/14 09:45
→ oj113068:然後表格至中，他不就永遠至中了嗎？ 07/14 09:45
→ l410203:我有看了原始檔了,發現我有些地方弄錯,才顯現不出來;目前 07/15 00:23
→ l410203:測試確實是把ap div鎖在定位為relative的dt裡,是最佳的解 07/15 00:26
→ l410203:決辦法,感謝oj113068板友詳盡的解答!不過我剛剛也發現了一 07/15 00:55
→ l410203:個問題,無意間用另一個也滿多人用的Firefox開檔案來看,發 07/15 01:00
→ l410203:現ap div卻跑掉了,實在很讓人出乎意料之外;因為沒想到在ie 07/15 01:04
→ l410203:看起來很完美,到另一個瀏覽器卻會出現幾乎不一樣的結果,原 07/15 01:07
→ l410203:來瀏覽器也是個很大的問題所在阿..! 07/15 01:12
推 oj113068:應該是因為火狐在<td>屬性上不允許position:relative 07/15 11:27
→ oj113068:所以仍然以body的原點為主。我推測的啦。如果可以改用 07/15 11:29
→ oj113068:DIV排版而非table排版就沒有這種困擾了 07/15 11:29
→ oj113068:跨瀏覽器本來就是網頁前台一個很大的課題XD 07/15 11:30