...

View Full Version : Trying to fix IE6 Bug



daemonkin
06-26-2007, 09: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:
http://www.toddlersoccer.org/packages/playgroups/

Thanks,

D.

_Aerospace_Eng_
06-26-2007, 10: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.

http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html

daemonkin
06-26-2007, 10: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?

D.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum