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%; 
}