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 have posted the page & the CSS file. Thanks for any help in advance.

Ajay.

A URL to the page is more use.

Obviously the link is what we need, but what it means when a page is validating, is that Firefox is doing exactly what you are telling it to, and IE is not.

Hi,

Thanks for the responses. The page can be found at:

http://www.ninesec.com/newweb/index.html

THanks for the help.

Ajay.

It appears as though it's not 'seeing' the css file because Firebug shows almost no CSS information.

However, when I pulled your html file into my editor (TopStyle), it showed me something I've seen before - there appear to be 'invisible' characters in the file. I've seen this happen most often when my co-worker edits a page in Visual Studio, it does something weird which causes Firefox to be unable to properly display the page. He said it has something to do with something VS does with the character set. I usually have to go into the html file with a basic text editor, clean out the code, then re-save it.

The code in my editor looks like this, all of it:

< m e t a n a m e = " g e n e r a t o r " c o n t e n t = " e d i t p l u s " >

Firefox doesn't like all those spaces and does not render the page as intended.


What editor were you using ?

The problem is the stylesheet in encoded incorrectly. Open with notepad and save with encoding set to ansi.

Regards, George

Originally Posted by LadynRed

What editor were you using ?

That's EditPlus. When you create a page, EditPlus will automatically add that in for you. I always delete it because it's unnecessary, but it has never given me problems like that. So more importantly (to revise LadynRed's question), now that we know that you created the page in EditPlus, have you used any other software to edit it?

- Steve

Hi,

Thanks for all the inputs.

@ladynred: Does the code all looks like the way you've shown (with spaces intespersing every character??!!) That's strange, cos it shows quite ok, when I open the page in Notepad.

Also I removed the "editplus" in the generator meta tag, although I don't know why that should matter, but still no change.

@stevej: I saved the css file with Notepad, although I don't know how one can set the Notepad encoding to Ansi! However that has no effect. It's still the same. You're right when you say EditPlus is the editor. I hadn't used any other editor before. Now, I tried opening & saving the page with Notepad++ (another text based editor with some bells and whistles), but still no change! Even tried it with plain Notepad. I don't see any strange characters there! But still no change.

You might think that my Firefox install is buggy, but all other pages show up fine, why only this?? And I haven't even reached creating any fancy stuff yet! And to think that IE was the troublesome brat here which needed all the pampering et al! Geez!

Anyways, thanks for all the responses again. Now I'm getting truly lost in cross browser warfare, I guess!

Ajay.

Hi,

@stevej: I figured out saving the page in ANSI encoding. But it still has no effect on the display in FF. I even removed some "possibly" conflicting characters in the page text, but still no change. (Mind you, those characters render fine in IE!)

Sorry, if this trivial issue is lingering, but doesn't seem to go away!

Thanks.

Ajay.

hi,

Here is a fixed stylesheet http://gopalmer.co.uk/portfolio/fixedstyle.css

You should also add this metatag

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Regards, George

@ladynred: Does the code all looks like the way you've shown (with spaces intespersing every character??!!)

Yes, every single line of it.

As I said, I've seen this before. What George said about ANSI rings a bell as the exact problem, apparently VS can and does do the same thing.

Hi,

Thanks for the responses.

@gopalmer: Great, now even on IE, it looks the same as Firefox.. which is not what we want at all!! I used your fixedstyle.css (copied it into Notpad, and saved as the "niplstyle1.css") and also the meta tag as you suggested. Earlier, at least on IE, it used to look the way I wanted it to come out. The problem is, now I cannot even revert back to the old style on IE! In spite of clearing the cache, and reversing the changes!

LOL.... so much for steep learning curve! Thanks to all for the time and the effort taken to help me resolve the issue. Appreciate that.

Oops! Please ignore the IE rant about things not getting reverted back after reversing change. There was a typo in the file name.

Thanks.

Ok, finally! I simply copied the text from EditPlus and pasted in plain Notepad and made a new file, and it worked - on both IE and Firefox! At least for now, you can consider the issue resolved. Thanks again for all the help.

Regards,
Ajay.