Q

CSS樣式搜索表單輸入字段看起來很可怕的IE7

2011-01-27 48 views 1 likes

1

這裏是我的Web開發的截圖：CSS樣式搜索表單輸入字段看起來很可怕的IE7

Screenshot http://img12.imageshack.us/img12/2668/searchin.jpg

代碼：http://jsfiddle.net/pwDXj/5/

周圍的輸入欄的DIV是niftycube ，使角落變圓。我無法發現，爲什麼IE顯示輸入字段有這麼多的左邊距，任何人都有想法？

在此先感謝。

2011-01-27 roeb

+2

在IE7中一切看起來很糟糕 – JakeParis 2011-01-27 14:17:47

+0

那是什麼DIV？你爲什麼不把INPUT放在LABEL中？ – 2011-01-27 14:18:49

A

回答

3

違規代碼似乎是50px的left-margin#suche #bginput。 IE7不會像其他瀏覽器一樣渲染它。在他們從包含元素左邊計算邊距的地方，IE7正在從浮動到左邊的東西的右邊進行計算。

我會建議漂浮#suche #bginput向右而不是設置left-margin。

2011-01-27 14:28:42

1

這不是一個完整的答案，但它可能會讓你指出正確的方向。你可能不得不爲IE7設置一些特殊的CSS。您可以使用conditional comments。

2011-01-27 14:25:09 DwB

0

替換此CSS

suche

{ 寬度：220px; height：30px; position：absolute; right：0px; bottom：0px; background-color：＃cbddf1; } ＃使用形式 { margin：0px; padding：5px 0px 0px 10px; } ＃使用標籤 { 顏色：＃003399; float：left; font-size：0.85em; line-height：24px; padding-right：10px; } ＃使用#bginput { background-color：＃EFF5FC; float：left; height：18px; padding：2px; width：150px; } ＃使用輸入 { margin：0px; border：0px; 顏色：＃003399; font-size：0.7em; width：140px; background-color：＃eff5fc; }

2011-01-27 16:01:37

相關問題