2011-04-24 159 views
3

真的簡單,但很煩人的問題 - 我有有一個按鈕的旁邊坐着一個格式的文本框其水平,使他們都應該是一致的高度。我加入了幾個像素的頂部和底部填充,但我不能得到這個工作,跨瀏覽器 - 特別是Internet Explorer中似乎出於某種原因填充一倍。跨瀏覽器按鈕填充發出

可以在如何讓按鈕大多數主流瀏覽器完全一樣的大小有人獻計獻策。

這裏是我用一個按鈕

.button { 
color: #44444a; 
cursor: pointer; 
font-weight: bold; 
overflow: visible; 
padding: 0.1em 1em; 
width: auto; 
border: solid 1px #44444a; 
} 
+0

請提供一些您的代碼(HTML和CSS) – Maverick 2011-04-24 18:36:07

+0

這不是一個有趣的情況 - 最好的最充分的證明選項 - 使用圖像/精靈。 – prodigitalson 2011-04-24 18:40:46

回答

2

最好的建議我可以提供根據您所提供的信息非常有限的CSS是:

1 - 確保您已聲明您的doctype

2 - 執行CSS重置。例如:

*{ 
    margin:0; 
    padding:0; 
} 

谷歌搜索「CSS重置」通常會發現一些有用的東西。

3 - 瞭解你的盒子模型!

如果您可以向我們提供更多信息(HTML & CSS代碼)或指向違規頁面的鏈接,這將會非常有用。