W3C validated page not rendering in Firefox!

IE better than Firefox? Hope not!

[ajaydand65]

Hi,

I am relative newbie at web-design. I'm trying to create a small web-site using XHTML 1.0 - Transitional DOCTYPE. Both the XHTML page & the CSS validates at the W3C Validator site. However, I can see the page rendered fairly well in IE7, but the same won't render in Firefox 3.0.5! This is kinda strange, and I've been pulling my hairs since the last few hours figuring out why? Any pointers would help. I can post the page & the CSS file, if needed. Thanks for any help in advance.

Ajay.

[bill]

Welcome to WebmasterWorld ajaydand65.

Posting a URL to your site would not be acceptable, but you could certainly post code snippets (use example.com instead of real URLs). You could probably start at the part of the page that isn't displaying properly.

[g1smd]

Get the Firebug extension. Use the HTML tab to traverse the tag tree. Look in the box on the right to see which CSS properties are being applied to that element. It's a revelation.

Usually it's a problem with forgetting to add

position:relative

to my floats, and/or forgetting

clear:both

somewhere along the way.

Other times it is an incorrect margin or something, and most times it is the margin on a parent element, not the margin on the element that appears to be mis-aligned.

[ajaydand65]

Hi,

Thanks for all the helpful tips. The issue is resolved for now. It turned out that my favorite editor used to save pages in non-ANSI, non-UTF8 charset, which somehow IE didn't mind, but FF did! On correction, things got working fine.

Ajay.

[g1smd]

Any reason for using XHTML 1.0 Transitional rather than HTML 4.01 Strict here?

[tedster]

Moving from any transitional doctype to a strict doctype of any flavor can be more work than moving between xhtml and html.

[ajaydand65]

Thanks for the suggestions. Well, as I said, I'm still a newbie. :-p I just wanted to dabble with XHTML, and my favorite editor's template used the transitional doctype, hence it stuck.