Re: [問題] Firefox對左右置中的背景圖會多偏移1px?

看板Web_Design作者 (我是CQD,不是cqd)時間17年前 (2008/09/21 15:15), 編輯推噓3(304)
留言7則, 4人參與, 最新討論串3/3 (看更多)
※ 引述《blinkstar (Lanrain)》之銘言: : : http://img81.imageshack.us/my.php?image=bgcn2.png
: : 結果很奇妙的fx會讓置中的背景圖往左偏1px : : 小圈圈那個斷線的下半部是背景圖 : : 上半部是寬為188px的div 兩個(背景圖,188px div)為同顏色 我猜你的背景圖寬度是奇數個px?如果是的話,旁邊切掉1px的寬度看看 如果沒用,試看看把整個頁面用一個div包起來。寬度跟背景圖(含陰影相同) 然後裡面再用一個小DIV,寬度跟你的網頁主體(背景圖不含陰影)相同,左右margin則 跟你的背景圖影子的寬度相同。 除非你有寫doctype的習慣,不然這兩個div都設定padding為0 這組雙層div就是你的網頁內容wrapper。其他sidebar什麼的都塞進小div中 不過我情感上不喜歡這種為了版型特地增加div的作法 ^^a -- 「是大環境要求的~畢竟沒有總受就沒有故事~╮(╯_╰)╭」 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 61.62.112.152

09/21 19:36, , 1F
底圖的長寬:850*5 不過我的最大div寬度為奇數沒錯@@
09/21 19:36, 1F

09/21 19:38, , 2F
而且最神奇的是我把div寬設為偶數後問題就解決了 好妙XD
09/21 19:38, 2F

09/21 20:28, , 3F
感謝 原來是奇數寬度 瀏覽器不知道center要取多少
09/21 20:28, 3F

09/21 20:29, , 4F
變成有些瀏覽器是左宗棠 有的于右任 xd
09/21 20:29, 4F

09/21 20:43, , 5F
哈~ 真的很有趣XD
09/21 20:43, 5F

09/22 01:03, , 6F
除以二會多出個0.5。為了湊整數,有人會捨去有人會進位 :D
09/22 01:03, 6F

09/22 19:15, , 7F
這結論太妙了,我也長知識了:p
09/22 19:15, 7F
文章代碼(AID): #18rVH-as (Web_Design)
文章代碼(AID): #18rVH-as (Web_Design)