Page looks fine in Firefox, but layout messed up in IE

[Mateo1041]

Hello,

I'm working on a website and the page looks really messed up in IE, but not Firefox. I have two tables and one is shown way off to the side in IE. They look like they are supposed to in Firefox (one on top of the other).

This is the page:

http://www.guiaparavivir.com/index.php?page=extensions

Does anyone know why IE can't render it properly? :-( I just can't figure it out. Any help would really be appreciated.

Thanks,
- Matt

IE version 7.0.5730.11
FF version 2.0.0.3

Blue Web Studios, LLC

http://www.BlueWebStudios.com

 

[BabyJeffy]

You are using an XHTML 1.0 Transitional doctype - and yet your page does not validate on the Validator service at the W3C. In your stylesheet you have an error (twice) as well... you need to use text-decoration:underline (not underline[!]d[/!]).

I would get your code validating and your CSS fixed before you take your troubleshooting any further.

I know that validation is a pain to do... but this is the ONLY way you can reliably debug this kind of problem.

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/blog/

http://www.coedit.co.uk/

[/tt]

What is Javascript? FAQ216-6094

 

[Vragabond]

Remove [tt]align="left"[/tt] from your table declarations in the main area. They serve no real purpose and it looks like they mess up the design of the page in IE.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]

 

[Mateo1041]

Thanks! The align=left was what messed IE up. Is that yet another IE bug? How frustrating.

I also validated and took care of the CSS errors. Thanks for pointing that out.

Blue Web Studios, LLC

http://www.BlueWebStudios.com

 

[Vragabond]

It is not really a bug, it is more a confused browser dealing with bad coding practice. Align="left" is mostly interpreted by the browsers as style="float: left;". Since I am pretty sure you were not trying to float your tables, this would be your error in coding. FF apparently managed to ignore the floating, while IE desperately wanted to float the tables and that was the result.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]