DIV定位 - 跨瀏覽器問題

我有一個頁面應該在左側有一個文本，在右側有一個表單。它在大多數瀏覽器（包括Firefox，Chrome和Safari）上正常顯示（並呈現）。DIV定位 - 跨瀏覽器問題

但是，某些版本的IE會將表格保持在正確的位置（右上角），但將文本一直推到頁面的底部。

這裏是用來定位代碼的形式：

.custom #conversion_form { 
width: 300px; 
border: 1px solid #999; 
background-color: #e9e9e9; 
padding: 25px 30px 25px 25px; 
float: right; 
display: block; 
margin-left: 20px; 
}

什麼標籤（縣），我需要補充，以保持在左上方的文/避免它被推下來？

演示：http://rainleader.com/signup

截圖（它應該是什麼樣子）： enter image description here

來源

2012-08-11 Trent Scott

當你正在創造副作用的方面，它總是最好浮動左內容左，浮動的權利內容的權利，並且overflow:hidden;兩者。

如果您仍然看到問題，請將這兩個內容都包裝在<div>和overflow:hidden;之間。

來源

2012-08-11 04:02:38

謝謝！我會給你一個鏡頭。 – 2012-08-11 04:03:36

我做到了這一點，它一直推下正確的元素：http://rainleader.com/what-we-do/analyze/ – 2012-08-11 04:08:06

它看起來像是因爲左DIV和右DIV寬度合併大於容器寬度。 – 2012-08-11 04:09:06

我會創建兩個div，其中一個用於表單的其他文本。

我總是在左側屬性中使用中心50％，並使用margin-left或marging-right來獨立於分辨率處理div的de位置。

見這個例子：

股利文本，把文字的DIV中：

.div_left_text { 
    position: absolute; 
    width: 200px; 
    height: 200px; 
    left: 50%; 
    margin-left:-250px; 
    top: 15px; 
}

事業部的形式，把表單中這個div：

.div_right_form { 
    position: absolute; 
    width: 200px; 
    height: 200px; 
    left: 50%; 
    margin-right:250px; 
    top: 15px; 
}

這應該在右側獨立地創建兩個區域。

來源

2012-08-11 04:13:35 felipe

DIV定位 - 跨瀏覽器問題

回答

相關問題