Firefox和Chrome之間的DIV問題

我對CSS還比較陌生，但在堆棧溢出閱讀大量之後，我已經想出瞭如何將「標題」添加到面板。耶，走吧。但是我遇到的問題是我的一個面板在Firefox中不能正確渲染。我一直在Chrome中做所有的開發工作，而我剛剛注意到了這個問題。奇怪的部分是，我可以添加我的「標題」（可能更好地稱之爲div包裝？）到其他面板，它們看起來很好 - 它只是一個面板，給我的問題，我無法弄清楚爲什麼。要明白我的意思，請在Firefox和Chrome中查看http://www.mobiuspc.com。有問題的小組討論標題爲「系統構建區域」 - Firefox中的深青色邊框自身散佈，而在Chrome中它正常顯示。Firefox和Chrome之間的DIV問題

這裏是CSS的困難面板：

.dropareaparent 
{ 
height:528px; 
width:690px; 
margin-left:332px; 
margin-top:-540px; 
background-color:teal; 
text-align:center; 
color:White; 
} 

.droparea 
{ 
height:500px; 
width:680px; 
margin-left:2px; 
padding:3px; 
color:Black; 
background-color:White; 
text-align:left; 
float:left; 
}

這裏是CSS到不同的面板在兩個瀏覽器工作的偉大：

.primarystatdivparent 
{ 
height:428px; 
width:266px; 
margin-top:-530px; 
margin-left:1045px; 
background-color:teal; 
text-align:center; 
color:White; 
}  

.primarystatdiv 
{ 
height:400px; 
width:256px; 
margin-left:2px; 
padding:3px; 
color:Black; 
background-color:White; 
text-align:left; 
}

比我絕對定位其他（仍學習如何浮動的東西），對我來說，問題面板和完美面板之間的CSS看起來是一樣的？

僅供參考，IE看起來也不錯（Javascript執行速度慢）。

來源

2009-09-19 Bill Sambrone

+1專爲線路「耶，走吧。」 – 2009-09-19 22:28:11

這似乎有點過於複雜。如果 - 例如 - 你浮動你的過濾箱lefthaparent左側，沒有必要在dropboxareaparent大負值。

我試圖以更合乎邏輯的方式定位元素，以便結果在不同瀏覽器中更加一致。

來源

2009-09-19 22:23:43 jeroen

我做了浮動，現在它顯示正確！在我進一步深入研究之前，我將重新使用浮點數來佈局佈局，所以我將來不會遇到這個問題......謝謝！ – 2009-09-19 22:33:02

不客氣！ – jeroen 2009-09-19 22:56:09

對於.droparea，您也需要一個否定的margin-top。

來源

2009-09-19 22:23:07 DigitalRoss

或者具有負頂部邊距的元素上的負邊距底部。對於Firefox和其他人來說要記住的一點是，拉動某些東西並不一定意味着下面的內容也會移動。我的位置也有類似的問題：相對的，沒有底部的負邊界。 – 2009-09-19 22:25:39

大膽必要...？ – 2009-09-19 22:28:50

這個答案需要字體重量：正常 – 2009-09-19 22:30:18

Firefox和Chrome之間的DIV問題

回答

相關問題