| MozTW 討論區 https://forum.moztw.org/ |
|
| css在火狐和IE瀏覽器上的差別 https://forum.moztw.org/viewtopic.php?f=13&t=24106 |
第 1 頁 (共 1 頁) |
| 發表人: | koala312312 [ 2008-08-28, 10:27 ] |
| 文章主題 : | css在火狐和IE瀏覽器上的差別 |
我想問的是 IE和火狐 在設定POSITION的時候是不是有什麼小地方不一樣 同樣是設定 POSITION: absolute top: 100px; left: 100px; 在火狐瀏覽器看就正是我要的位置 可是每次要確認IE的時候 位置總是跑掉 要怎麼解決的問題呢?? 麻煩大家了 |
|
| 發表人: | 訪客 [ 2008-08-28, 10:47 ] |
| 文章主題 : | |
koala312312 寫: 我想問的是
IE和火狐 在設定POSITION的時候是不是有什麼小地方不一樣 同樣是設定 POSITION: absolute top: 100px; left: 100px; 在火狐瀏覽器看就正是我要的位置 可是每次要確認IE的時候 位置總是跑掉 要怎麼解決的問題呢?? 麻煩大家了 有網頁可以看嗎? 你的display是black嗎? |
|
| 發表人: | koala312312 [ 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 其實我原本是用在無名上 不過之前做的網頁也是有這個問題 所以想問問看 麻煩你了 |
|
| 發表人: | koala312312 [ 2008-08-28, 13:33 ] |
| 文章主題 : | |
我在這邊適用直式的導覽列 但是在無名是用inline 回覆wini網站管理員: 我剛剛試了一下，那個圖片還是沒有跟在FIREFOX上一樣 謝謝你的建議^^ |
|
| 發表人: | wini [ 2008-08-28, 14:17 ] |
| 文章主題 : | |
把 body 的 margin 跟 padding 設成 0 看看，我猜是因為那兩張圖的父元素不是絕對定位，所以在 IE 上也受到父元素的垂直位置影響……不過這點我也不確定瀏覽器怎樣做才對。 |
|
| 發表人: | 不惑仔Boohover [ 2008-08-28, 20:57 ] |
| 文章主題 : | position:absolute的使用 |
指定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 的位移起始，這樣才不會隨視窗尺寸變動而改變位置。 |
|
| 發表人: | koala312312 [ 2008-08-28, 22:40 ] |
| 文章主題 : | |
不惑仔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 的位移起始，這樣才不會隨視窗尺寸變動而改變位置。 謝謝這位大大的建議還有提供這個方法 可以解決另一個問題 我剛剛開了之後我的確是都放到最大可是位置還是有不一樣耶 但是縮小視窗會影響定位的位置也是現在才發現 謝謝你提供的建議^^ 又學到了一個小秘訣 |
|
| 第 1 頁 (共 1 頁) | 所有顯示的時間為 UTC + 8 小時 |
| Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/ |
|