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问题

回答

相关问题