MozTW 討論區
https://forum.moztw.org/

Fx與IE的Margin定位
https://forum.moztw.org/viewtopic.php?f=13&t=18778		 第 1 頁 (共 1 頁)
發表人:  cstony0917 [ 2007-04-30, 02:45 ]
文章主題 :  Fx與IE的Margin定位
最近一直在做首頁logo用的底圖

在配上導覽列的時候一直出現問題 :(

網頁連結:

http://nicebb.com/test/BerserkFuhrer/mnp/margin.htm


CODE簡介:

我把menu包在名為Header的div區塊

並且用css設定header的高度&背景圖

想要利用CSS的margin-top來對其Header的底部

但是設定margin-top的屬性之後發現整塊Header都在動

但是用ie看就跟我想的一樣 :oops:

------------------------------------------------------

網頁也通過w3c的xhtml 1.0 strict的驗證了

不知道為什麼還不能達到想要的效果

越來越對Fx Orz了.... :cry:
發表人:  catho7 [ 2007-04-30, 13:42 ]
文章主題 : 
想知道為何你要用Header套著menu div區塊
這太欠缺彈性了

修改這處:
代碼:
#menu {
margin-top:30px;
background:#A2BA25;
float:left;
width:100%;
}
為何要這樣要由其他人補充了，詳細的我也不清楚

P.S.charset缺了「 /」
發表人:  cstony0917 [ 2007-04-30, 14:54 ]
文章主題 : 
catho7 寫:
想知道為何你要用Header套著menu div區塊
這太欠缺彈性了


請問您說的缺乏彈性是什麼意思呢?_?

catho7 寫:
修改這處:
代碼:
#menu {
margin-top:30px;
background:#A2BA25;
float:left;
width:100%;
}
為何要這樣要由其他人補充了，詳細的我也不清楚

設定float:left;之後好像就正常了.... :oops:

謝謝你 :D

catho7 寫:
P.S.charset缺了「 /」


<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

我有讓他自閉呀 囧"應該沒有少吧...
發表人:  不惑仔Boohover [ 2007-04-30, 22:16 ]
文章主題 : 
用padding就不會把背景截掉了。margin-top因疊合作用，會將外層背景隱藏（包括背景色及背景影像）。
代碼:
#menu{
padding-top:30px;
 }
#menu ul{background:#FFFFCC;}

這樣就不需要動用到float了（照原來的意思是沒有用到float）


padding-top要定義在#Header或#MainContent也可以，像是
代碼:
#Header{
background:url('http://nicebb.com/images/logo.png');
height:249px;
padding-top:1px;
}


如果要在所有瀏覽器都正常顯示，這種狀況最好利用padding。別因為總是依賴ie的「好意」，而忽略了正確的用法，這裡的情況看起來雖然有點討厭，但是fx畢竟不能說它是錯的。

ps.通過W3C驗證，不代表就能在所有瀏覽器正確呈現，各家瀏覽器是不可能一模一樣的，而且支援的程度也不盡相同。 :lol:
第 1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/