爲什麼在我的div中會發生額外的填充？

我編寫了我的網站的所有瀏覽器，但當然IE瀏覽器有問題。特別是只有IE 7.我希望找到一個解決方案，爲什麼它的行爲方式是兩個問題，我可以添加，所以IE會正確顯示它。爲什麼在我的div中會發生額外的填充？

我的提交按鈕正在對齊其包含div的底部。

enter image description here

CSS提交按鈕爲搜索字段

#searchform { /*container widget */ position: relative; left: 15px; width: 97%; height: 30px; background-color: #f3f3f3; border: 2px solid #742222;} 

#searchform label { display: none; } 

#searchform input#s { width: 75%; height: 20px;} 

input[type=text],input#s { margin: 0 10px 0 0; width: 60%; } 

#searchsubmit{ position: relative; float: right; width: 30px; height: 30px; text-indent: -999px; background: url(http://averylawoffice.ca/img/SEARCH-submit.jpg) center; border: 0px;}

這個CSS在所有的瀏覽器，但IE瀏覽器版本7的作品有沒有一種方法，使其頂部對齊，而不必絕對定位？

來源

2012-06-07 kia4567

你不能發佈該網址到該頁面嗎？使用瀏覽器的開發工具可以最好地研究這些問題。 –

@ŠimeVidas：幾乎可以肯定http://www.averylawoffice.ca/averywordpress/。我記得該網址已發佈在前一個問題中。 – thirtydot

如果將位置相對規則添加到包含該輸入元素的div，請刪除輸入元素上的浮動右值規則，並向輸入元素添加絕對位置，頂部0px和右側0px位置。 – j08691

我已經成功地將SUBMIT按鈕向左移動了文本框（正確的位置）。

.subscription_email { 
    ... 
    float: left; 
}

也是一樣的搜索文本框：

#s { 
    ... 
    float: left; 
}

通過使這些變化，所產生的演講將是完全一樣的Firefox瀏覽器。

來源

2012-06-08 00:09:05

*嘆* IE瀏覽器總是很簡單。有一天我會掌握它的。謝謝！你可以幫我解決我在IE上面遇到的最後一個問題嗎？它似乎是推動標誌，鏈接和橫幅，我不知道爲什麼。我的填充和邊距設置爲0，但它正在做一些事情......你知道它爲什麼這樣做嗎？ – kia4567

@Amber：差距來自'

'。 – thirtydot

哇。咄。菜鳥的錯誤。感謝三十多歲。 – kia4567

爲什麼在我的div中會發生額外的填充？

回答

相關問題