Search code examples
htmlcsswidthquirks-mode

Why width is set different on input elements

I am banging my head for quite a long time and don't what's going wrong with setting width of input elements.

Here 100px set width for submit button
Here same 100px is set to text field

And you can check the difference of width. It seems one is following quirks mode BUT WHY when same doctype is set?

Is it a bug in FX/Chrome?

Solution

  • it is because of the border size try this,

    http://jsfiddle.net/gn3Cw/2/

    http://jsfiddle.net/gn3Cw/3/