Firefox formatting problems: 100% w3 validated code.

hey guys,

I'm having problems displaying my design correctly in firefox. My code is 100% validated transitional xhtml, and displays perfectly in safari, IE, and opera.

Could someone point me in the right direction?

http://www.capitalwasteland.com/firefox_problems.jpg

http://www.capitalwasteland.com/index.php actual LIVE page

thanks!

 

Your markup is not 100% validated. You are missing one end tag and are missing an '=' sign. Validate for that list of errors.

 

Validation doesnt mean a page will display correctly at all. For one browsers themselves are rarely 100% compliant with the rules and more importantly, you could use absolute possitioning to move everything to the top left corner, would be 100% compliant but not work on any browser.

 

Validation means you used the proper syntax, at least. All pages should always be valid.

 

Guys, I didn't need you all to explain to me that by having a validated page would get me universal formatting.

I'M LOOKING FOR A FIX FOR FIREFOX.

 

I gave you advice. Did you fix the errors I listed above?

 

Not to be stubborn, but I know that won't fix the problems with the header, mate. No offense. That small section was added last night, after the fact that my banner looks completely messy in FF.

Does anyone know why firefox is giving me problems and no other browsers are?

 

Sage advice:
1) Validation may reveal your problem.
2) Validation may solve your problem.
3) Valid markup is hard enough to debug already.
4) Validation is an indicator of cluefulness.
--Mark Pilgrim

I'll add that you should never use tables for layout. I never have, and have difficulty debugging them, so I don't too often try.

 

Use div's, tables aren't meant for layouts, there meant for data.