2009-08-17 96 views
2

Firefox正確顯示紅色「搜索列表」按鈕與文本輸入字段內嵌。CSS問題:IE圖像按鈕未正確對齊

但是,IE 6/7沒有對齊。

任何想法爲什麼IE瀏覽器顯示比其他瀏覽器更低的紅色按鈕? IE 8(正確)的

截圖
api.browsershots.org/png/original/54/546946b7cfd67ce2c59de0b608c3323.png IE 7的

截圖(不正確的)
api.browsershots.org/png/original /52/52c54c02fb6803584e77223309df99b.png

回答

2

這是因爲你浮動按鈕而不是文本框。添加浮動:左#城市場

0

哇,他們看起來幾乎和我的眼睛一模一樣。您是否嘗試將輸入按鈕上的邊距設置爲0?

編輯:好吧,沒關係。根據你的IE8屏幕截圖,它不能正確顯示在我的Firefox中。

0

IE是寬度和浮動臭名昭着的壞。這兩個元素似乎都有寬度的定義。我實際上看到它們在IE7中很好地對齊。

添加一個float:left to#city-field should cure your issue this - 浮動元素有時被視爲與非浮動元素不同。