作者GALINE (我是CQD,不是cqd)
看板Web_Design
標題Re: [問題] Firefox對左右置中的背景圖會多偏移1px?
時間Sun Sep 21 15:15:08 2008
※ 引述《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
推 ateclean:底圖的長寬:850*5 不過我的最大div寬度為奇數沒錯@@ 09/21 19:36
→ ateclean:而且最神奇的是我把div寬設為偶數後問題就解決了 好妙XD 09/21 19:38
推 superGA:感謝 原來是奇數寬度 瀏覽器不知道center要取多少 09/21 20:28
→ superGA:變成有些瀏覽器是左宗棠 有的于右任 xd 09/21 20:29
→ ateclean:哈~ 真的很有趣XD 09/21 20:43
→ GALINE:除以二會多出個0.5。為了湊整數,有人會捨去有人會進位 :D 09/22 01:03
推 gpgpt:這結論太妙了,我也長知識了:p 09/22 19:15