CSS not working under MS IE

MS IE 6 has problems with CSS

[ljCharlie]

Here's the link to the page I'm working on, <snip>

The page works perfectly under Mozilla Firefox but under MS IE 6.0, it is a disaster. Any help is appreciated.

ljCharlie

[edit reason] removed URL per TOS [/edit]

[edited by: SuzyUK at 9:42 am (utc) on July 15, 2006]

[Moby_Dim]

There are mistakes in css syntax on the page (e.g. for IDs).

[ljCharlie]

Is that the error you get when you tried to load the page? What browser were you tring to load it in?

[Moby_Dim]

You shouldn't use # character in html page assigning id to elements. This character is for CSS declaration. In other words : use #foo in css file, but in html file use <p id="foo">text</p> (but not <p id="#foo"...)

[Moby_Dim]

And do not use your urls in messages, please. This's against TOS.

[ljCharlie]

Many thanks for letting me the rule. I will not pose the url directly on the page again, however, what is the suggested mothod?

I have cleared the id=#leftsideMenu declaration but still the problem exist under IE.

ljCharlie

[zooloo]

ljCharlie, rather than URLs paste the relevant code.

Try the W3C validator, it's very useful. (w3 dot org)

It didn't like the copyright symbol (Line 46).

Copyright symbol in HTML is &copy

Although I don't think this is the problem.

zoo

[ljCharlie]

You are right, I've fixed the copy right copy and still not working. I've got the center picture or div to align with the rest of the div's but it's not perfect. I've updated the page now. When the user refresh the page, under IE, the page still looks ugly.

ljCharlie

[Huckleberry]

I think someone mentioned it earlier... try to use the validator.. its simple if you get the firefox webdevelopers toolbar... once you fix those errors in the html you should be able to locate the problems in the CSS... thats how I work through my issues and it seems to work great.

[createErrorMsg]

The page works perfectly under Mozilla Firefox but under MS IE 6.0, it is a disaster. Any help is appreciated.

We need two critical pieces of information in order to help you.

One, we need to know what the problem is. "A disaster," while evocative of your frustration, does nothing to help us understand the situation. We need to know what you were trying to do versus what the browser is showing. A concise, verbal description is needed, otherwise we could spend days providing advice about fixing random problems that have nothing at all to do with your page. You have to tell us what you need.

Two, we need the relevant html and css code. We cannot possibly help you without knowing what code is not working to accomplish the result you need. Determine which pieces of your page code are relevant to the problem (if the problem is in your content div, the footer probably has nothing to do with it and can be left out of the code post). Then cut them out of the document, remove and content that is specific to your site and replace it with dummy (lorem ipsum...) text and post the code here for us to see. HTML and the corresponding CSS.

Provide us with those two pieces of information and we can almost certainly get your problems sorted.

cEM