Hello,
I would like to finally understand how do CSS Input boxes, in particular text, render given the padding, line height and height in all the major browsers.
This is the only element that gives me such troubles as I find it a little inconsistent across the browsers.
Is anyone able to explain to me this phenomena please or at least point me to an article that extensively looks at this element from all stand points ?
Thank you very much for your help,
Alexander
Hi, What you need to do is to define default margin and padding to all elements “* { margin: 0 etc…” and after that you can setup margins for your elements and if you are interested in box model you can search it on w3c, and I recommend you to read everything about box model so you can create web sites that looks same at all browsers and one small tip if you are experiencing problems with ie6 always use underscore before attribute so that attribute value will be applied only in ie6
Example:
input
{
width: 100px;
_width: 101px /will be used only in ie/
}