CSS定位 - Firefox

Question

我遇到了Firefox浏览器的问题。你可以看到它here。 unssified版本的css（使用LESS）：here。

所有浏览器都显示得很好，但Firefox将粉红色通道中的表单移动到页面顶部。你知道这个问题可能是什么吗？

谢谢！

Answer 1

添加

clear:both上#formPruh 可以解决这个请检查其做工精细在所有浏览器

上应用Clear:both后#formPruh

请更改margin-top:250px to 55px; in #kategories

阅读快速萤火解决方案拍摄

Answer 2

试试这个在你的CSS

#formPruh { 
    width: 100%; 
    height: 120px; 
    form label { 
    font-weight: bold; 
    color: white; 
    } 
    form table { 
    position: relative; 
    margin-left: 60px; 
    top: 210px;     /* changed-----------  top: 15px;*/ 
    tr { 
     height: 40px; 
     border: 1px solid red; 
     td.popis { 
     text-align: right; 
    padding-left:5px;  /* changed-----------  padding-left: 30px;*/ 
     } 
     td.input input, td.input select { 
     width: 150px; 
     height: 25px; 
     padding: 0; 
     margin: 0; 
     border: 0; 
     -webkit-border-radius: 3px; 
     -moz-border-radius: 3px; 
     border-radius: 3px; 
     font-family: Verdana, Arial, sans-serif; 
     font-size: 105%; 
     } 
    } 
    } 
} 

Answer 3

你必须明确您浮动 DIV（标志，动作，用户）。像这样写：

#formPruh { 
    clear: both; 
    height: 120px; 
    width: 100%; 
}