The form I am working with looks totally fine in Firefox but in IE8 everything gets a lot bigger. Please help me figure this out.
http://stevendouglas.com/staging/
http://stevendouglas.com/staging/steven-ie.png
http://stevendouglas.com/staging/steven-firefox.png
I see you don't use a doctype, it could be due to just this alone.
Have a look at the results of the w3c html validator and the w3c css validator.
The html validator will show a lot less errors once you set the doctype.
Fix those things first and then check your form again.
You might also want to try changing the font size of your form.
Edit the CSS code, search for this:
#main_body form ul
{
font-size:100%;
list-style-type:none;
margin:0;
padding:0;
width:100%;
}change it to become:
#main_body form ul
{
font-size:75%;
list-style-type:none;
margin:0;
padding:0;
width:100%;
}then refresh your browser to see it.
Willy, thanks for pointing that out. That miraculously made a lot of things look better.
Yuniar, adding the font-size:75% that you suggested now makes IE fit within the form's background, but it shrinks firefox as well and now that looks too tiny. Is there a way I can specify an exact font size rather than using a percentage? Will this make it uniform through both browsers?
Edit>> Nevermind! I set it to "font-size:12px" and that seems to be a happy medium. It's a LITTLE bit too big in IE but it still fits into the form's background box. I'll just do some adjustments to the padding. Thanks a lot guys.
You must log in to post.