View Full Version : Trying to fix IE6 Bug

06-26-2007, 10:40 AM
My site, http://www.toddlersoccer.org has been written in PHP with external CSS support.

I have a couple of forms that have the following style:

form.quote div {
width: 350px;
text-align: right;
line-height: 2.2em;
valign: top;
form.quote h3 {
text-align: left;
form.quote div.date {
width: 388px;
form.quote input.std, textarea {
width: 200px;
form.quote textarea {
height: 70px;
form.quote select {
width: 204px;

This layout is perfect for FF but if a user is browsing in IE6 my site loads in another css - ie6.css that overwrites some parts of my site to give a similar layout to what I need.

My question is how do I fix the date fields on example:



06-26-2007, 11:03 AM
First, this is invalid

valign: top;
though not part of the problem, still not needed.

I suggest you take a look at this tutorial. It shows the proper way to layout a form. Your use of divs in your form is excessive and not semantic at all.


06-26-2007, 11:44 AM
Thanks for that Aero.

I have always used divs for form layout not realising I was not being semantic.

I will update my styles and forms accordingly.

Oh, and the valign: top is probably a remanant from another CSS I wrote somewhere...

Edit: Are fieldset and legend required for semantic forms?