Browser development is active.
Along with Opera and Firefox, there have been two versions of IE within the three years along with Google’s new browser, Chrome.
These new developments in browsers are leading to some long desired features in browsers like opacity, auto-generated content and (maybe) embedding typefaces.
However there is still an unresolved issue with browsers: Web form elements are inconsistently rendered.
While anyone can see that there are problems with how forms are rendered, the question is, “what is the best way to render for elements for a given form element and CSS property?”
Along the lines of Dan’s SimpleQuiz series, I figured it’s best to ask the Web design and development community for their opinions.
Hopefully this discussion will lead to the appropriate solution that browser vendors could use when programming how browsers should handle the CSS-enabled design of Web form elements.
The first question I would ask is one that I think shows readily the problem with Web form design:
How should browsers render radio buttons when a value for width of a certain length is applied?
Pick your answer from the sample answers (which are taken from actual browser renderings) or suggest your own solution!
A. Radio buttons stretch to the size of the
width property value.
B. Radio buttons do not resize, yet the space set by
width property is applied and the radio buttons are aligned to the left.
C. Radio buttons do not resize, yet the space set by
width property is applied and the radio buttons are aligned to the center.
D. Nothing happens.