Forum Moderators: open
I have designed a site for firefox then after doing that just previewed it inside IE and it looked horrible. The design was completely screwed the width was something like smaller in IE while it looked ok in firefox.
Will be thankful for some ideas why is it the case.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Next step -- does the HTML and CSS validate, at least with no errors, even if there are a few warnings? Trying to fix cross-browser issues with code that has errors can make you crazy, and table coding errors will trigger error-handling routines in browsers that are not nearly the same.
So start here:
W3C Validator - HTML [validator.w3.org]
W3C Validator - CSS [jigsaw.w3.org]
If the cross-browser issue continues even with error-free mark-up, then can you post a rough outline of the table that is structuring the page? (From the title of this thread, I assume you are structuring with a layout table)
By a rough outline, I mean eliminate all the non-essential bits and any specific urls/keywords - and show us just the parts that affect the width of the table.
Giving me the links to W3C validater solved a lot of problems and i will continue to go about validating any document that i have problem with.
Thank you once again for the kind and early reply.
