為什麼這篇div置中鄉民發文收入到精華區：因為在div置中這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者l410203 ()看板Web_Design標題[請益] Dreamweaver ap div圖...
div置中 在 MAMADAYS ｜ママデイズ Instagram 的最佳解答
2020-05-13 04:01:55
嫌がる子どもをお風呂に入れるのって大変ですよね おもちゃが出てくるバスボムが簡単につくれる方法をご紹介します! バスボムを手作りして子どもと楽しく入浴しませんか？ 【お風呂タイムを楽しくびっくりバスボム】 ＜材料＞ 重曹 100g クエン酸 50g 片栗粉 50g 食紅（適量） ＜手順＞ 1. 材料...
各位網頁設計版的達人大家好
我用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