表單輸入框和標籤IE9中的對齊方式關閉

我正在重新設計用戶信息表單的外觀和佈局。最初它是使用表格完成的，但我真的不想使用表格作爲佈局。我的代碼在這裏http://jsfiddle.net/Chris22/eNqrM/我已經在所有瀏覽器中測試過我的代碼，Opera 11.x，FF 12.x，Chrome 18.x，Safari 5.1.x，並且表單看起來很棒。我的問題是IE9。表單輸入框和標籤IE9中的對齊方式關閉

請看看IE9中的代碼，看看有沒有人可以弄清楚我爲什麼表單元素不排隊，有些人有不同的文本處理。我似乎無法弄清楚。

這是原始表格佈局，如果任何人想比較。 http://jsfiddle.net/Chris22/q3sCb/3/這兩組代碼都有java spring form標籤，所以對我來說這很困難，因爲我是FED（前端開發人員）。也許我在這裏混了一些東西。我不知道。

謝謝！

P.S.如果修改原始表格佈局是更好的方法，我會很感激一些關於如何開始編寫代碼的幫助......我在一段時間內沒有使用表格進行佈局。

IE9：

enter image description here

來源

2012-05-16 Chris22

對我來說，Chrome18和IE9中的窗體看起來完全相同。：s – Richard

我很困惑，因爲你得到的代碼看起來不像你在表中發佈的代碼。它應該嗎？我也對非HTML的東西感到困惑。瀏覽器應該如何處理一個名爲的標籤？或者以後這些會被轉換爲真正的HTML嗎？ – stommepoes

除非這是我錯過的一個小細節，它在IE9，Chrome和Firefox中看起來是一樣的。 – j08691

我解決了這個問題。可能不是最好的方法，但我將input元素包裝在label標記中，並將規則float:right添加到input標記中。感謝大家的反饋

來源

2012-05-16 20:09:33 Chris22

我有一個相對簡單的形式輸入具有值屬性相同的問題。不確定這實際上是否是一個答案，但它可能有助於知道你不是一個人看到錯位。我有些困惑，爲什麼有些人沒有看到錯位。 float：right給我一個修補對我很有用，並且可能與神祕的hasLayout屬性有關，它長期以來一直是IE的一個'特性'。浮動，左或右，誘發'hasLayout'，但可能會產生其他後果。對於不'佈局'的常見修復就是給所有的東西放大：1在CSS中 - 這會導致'有佈局'，並且通常沒有任何視覺上的變化，因爲縮放因子爲1並不會調整任何東西。

來源

2012-05-24 21:20:24

表單輸入框和標籤IE9中的對齊方式關閉

回答

相關問題