[問題] css在Safari的跑位

看板Web_Design作者時間13年前 (2012/10/24 15:47), 編輯推噓0(005)
留言5則, 1人參與, 最新討論串1/1
想請問懂css的人 我是用css的position座標定位文字框 ie跟火狐、google都能正常顯示,如下圖 http://www.wretch.cc/album/show.php?i=b9110047&b=21&f=1379230720&p=1 但是用new-ipad的瀏覽器看,內文與logo間出現很大的間隔 http://www.wretch.cc/album/show.php?i=b9110047&b=21&f=1379230719&p=0 不知道有沒有人知道這是哪一型的問題該如何解決 我css的座標寫法為 #TOP { width:900px; height:640px; margin-left:auto; margin-right:auto; background-image:url(images/index.jpg); background-repeat:no-repeat; } #WORD { width: 490px; height: 215px; margin-left: auto; margin-right: auto; position: absolute; left: 285px; top: 175px; font-size: 21px; font-family: 微软雅黑; line-height: 33px; color: #FFF572; 麻煩看得懂得大大幫我解惑一下 感恩 -- -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 118.166.210.208

10/24 16:19, , 1F
這..你用absolute,margin就可以不用auto了~
10/24 16:19, 1F

10/24 16:22, , 2F
你應該是TOP包WORD吧~TOP position設relative WORD會對應TOP
10/24 16:22, 2F

10/24 16:23, , 3F
不然沒有上一層relative 他就會對應瀏覽器做定位
10/24 16:23, 3F

10/24 16:24, , 4F
建議你把需要用到的元素做一個reset吧~不然有些瀏覽器預設
10/24 16:24, 4F

10/24 16:24, , 5F
margin會讓你的排版跑位~例如2圖
10/24 16:24, 5F
文章代碼(AID): #1GXvqPqs (Web_Design)