Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have css height problem with Firefox.
I have input type="submit" on my page and height:20px, padding-bottom:3px.
So firebug shows that button has height 17px and padding-bottom: 3px so total height is 20px instead of 23px.
Can anybody help me figure out whether this is problem with firefox or firebug?
Here is the link http://jsfiddle.net/tKZ5Y/
You can check the rendered submit button with Firebug
Padding is the “margin” that is included inside box. Margin is outside box.
Padding inside
<input>will simply align text inside the input. If u use padding-top and padding-bottom 10px and text 10px then the text will be in the middle of a 30px container.Also be aware that Firefox places text inside submit input a bit lower than all other browsers. There is a fix for it though.