Box model of form button

Atom RSS

This site heavily relies on bug reports created by its readers. Anyone can report a bug and be published.

Main navigation:




Search reports by browser:

Any button uses the traditional box model instead of W3C's, regardless of rendering mode.

Test page. Workaround is included.
Reported by ppk.

Explorer 5-6 Windows, Explorer 7 beta 2, Mozilla | Reported on 30 October 2004.

Comments

(Add your own)

Posted by Anne on 25 November 2004

1

And why is this a bug?

Posted by ppk on 25 November 2004

2

Because the button element doesn't obey the box model, of course.

Posted by Joost on 2 December 2004

3

What I would like to know is: is there any way to make an input type="text" form field and an input type="submit" button the same height (as each other) on mozilla, safari and explorer? - I don't care about the exact height or width, I just want the form elements to be equally high.

Currently (after a LOT of experimenting) I'm using the following code for both types. this works on mozilla but not in I.E.:

/* "text" is the classname for these input elements */
input.text {
border-width: 1px;
border-style: solid;
margin-top: 3px;
}

Example: see http://www.diepenmaat.nl/uitgeverij/stadsgezichten/index.html

Post a comment

Commenting guidelines:

  1. When quoting specs, articles or your own research, please include a URL of the document.
  2. Test your stuff. When reporting browser behaviour, make sure that your report is correct.

Yes