MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2025-08-22, 14:23

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  [ 7 篇文章 ] 
發表人 內容
文章發表於 : 2008-08-28, 10:27 
我想問的是
IE和火狐
在設定POSITION的時候是不是有什麼小地方不一樣
同樣是設定
POSITION: absolute
top: 100px;
left: 100px;
在火狐瀏覽器看就正是我要的位置
可是每次要確認IE的時候
位置總是跑掉
要怎麼解決的問題呢??
麻煩大家了


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
  
引用回覆  
 文章主題 :
文章發表於 : 2008-08-28, 10:47 
koala312312 寫:
我想問的是
IE和火狐
在設定POSITION的時候是不是有什麼小地方不一樣
同樣是設定
POSITION: absolute
top: 100px;
left: 100px;
在火狐瀏覽器看就正是我要的位置
可是每次要確認IE的時候
位置總是跑掉
要怎麼解決的問題呢??
麻煩大家了


有網頁可以看嗎?
你的display是black嗎?


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
  
引用回覆  
 文章主題 :
文章發表於 : 2008-08-28, 13:16 
Anonymous 寫:
koala312312 寫:
我想問的是
IE和火狐
在設定POSITION的時候是不是有什麼小地方不一樣
同樣是設定
POSITION: absolute
top: 100px;
left: 100px;
在火狐瀏覽器看就正是我要的位置
可是每次要確認IE的時候
位置總是跑掉
要怎麼解決的問題呢??
麻煩大家了


有網頁可以看嗎?
你的display是black嗎?


http://w16.loxa.com.tw/s312312/Webdesign/index.html
其實我原本是用在無名上
不過之前做的網頁也是有這個問題
所以想問問看
麻煩你了


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
  
引用回覆  
 文章主題 :
文章發表於 : 2008-08-28, 13:33 
離線

註冊時間: 2008-08-28, 13:18
文章: 2
我在這邊適用直式的導覽列
但是在無名是用inline


回覆wini網站管理員:
我剛剛試了一下,那個圖片還是沒有跟在FIREFOX上一樣
謝謝你的建議^^


最後由 koala312312 於 2008-08-28, 15:12 編輯,總共編輯了 2 次。

回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-08-28, 14:17 
離線
[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220
把 body 的 margin 跟 padding 設成 0 看看,我猜是因為那兩張圖的父元素不是絕對定位,所以在 IE 上也受到父元素的垂直位置影響……不過這點我也不確定瀏覽器怎樣做才對。

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
(本帳號停用中)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
 個人資料  
引用回覆  
文章發表於 : 2008-08-28, 20:57 
離線

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩
指定position:absolute;的元素,其位移(top/right/bottom/left)距離是依據其外層「有定位」(position:relative, absolute, or fixed其中一種)元素的padding edge四邊為起始,而如果外層沒有「有定位」元素,就以 initial containing block(在此為開啟時的視窗四邊) 四邊為起始。

所以,實際上 2 個 img 都是以 initial containing block 四邊為位移起始,當視窗變更尺寸時,位置就會跟著改變,所有瀏覽器都一樣,我想你只是 ie 沒有把它開到最大才會看起來不一樣吧!

比較好的作法,應該在 #container2 指定 position:relative; 作為 2 個 position:absolute; 的 img 的位移起始,這樣才不會隨視窗尺寸變動而改變位置。

_________________
時間,人為與自然的衝突。~不惑仔


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-08-28, 22:40 
離線

註冊時間: 2008-08-28, 13:18
文章: 2
不惑仔Boohover 寫:
指定position:absolute;的元素,其位移(top/right/bottom/left)距離是依據其外層「有定位」(position:relative, absolute, or fixed其中一種)元素的padding edge四邊為起始,而如果外層沒有「有定位」元素,就以 initial containing block(在此為開啟時的視窗四邊) 四邊為起始。

所以,實際上 2 個 img 都是以 initial containing block 四邊為位移起始,當視窗變更尺寸時,位置就會跟著改變,所有瀏覽器都一樣,我想你只是 ie 沒有把它開到最大才會看起來不一樣吧!

比較好的作法,應該在 #container2 指定 position:relative; 作為 2 個 position:absolute; 的 img 的位移起始,這樣才不會隨視窗尺寸變動而改變位置。


謝謝這位大大的建議還有提供這個方法
可以解決另一個問題
我剛剛開了之後我的確是都放到最大可是位置還是有不一樣耶
但是縮小視窗會影響定位的位置也是現在才發現
謝謝你提供的建議^^
又學到了一個小秘訣


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 7 篇文章 ] 

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 20 位訪客


不能 在這個版面發表主題
不能 在這個版面回覆主題
不能 在這個版面編輯您的文章
不能 在這個版面刪除您的文章
不能 在這個版面上傳附加檔案

搜尋:
前往 :  
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群