Welcome to WebmasterWorld Guest from 35.175.191.168

Forum Moderators: not2easy

Message Too Old, No Replies

CSS not working under MS IE

MS IE 6 has problems with CSS

     
4:29 pm on Apr 11, 2005 (gmt 0)

New User

10+ Year Member

joined:Apr 4, 2005
posts:7
votes: 0


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]

5:29 pm on Apr 11, 2005 (gmt 0)

Preferred Member

10+ Year Member

joined:Jan 4, 2003
posts:378
votes: 5


There are mistakes in css syntax on the page (e.g. for IDs).
5:56 pm on Apr 11, 2005 (gmt 0)

New User

10+ Year Member

joined:Apr 4, 2005
posts:7
votes: 0


Is that the error you get when you tried to load the page? What browser were you tring to load it in?
6:35 pm on Apr 11, 2005 (gmt 0)

Preferred Member

10+ Year Member

joined:Jan 4, 2003
posts:378
votes: 5


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"...)
6:39 pm on Apr 11, 2005 (gmt 0)

Preferred Member

10+ Year Member

joined:Jan 4, 2003
posts:378
votes: 5


And do not use your urls in messages, please. This's against TOS.
6:47 pm on Apr 11, 2005 (gmt 0)

New User

10+ Year Member

joined:Apr 4, 2005
posts:7
votes: 0


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

7:01 pm on Apr 11, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:Oct 22, 2002
posts:150
votes: 0


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

7:23 pm on Apr 11, 2005 (gmt 0)

New User

10+ Year Member

joined:Apr 4, 2005
posts:7
votes: 0


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

7:51 pm on Apr 11, 2005 (gmt 0)

New User

10+ Year Member

joined:Feb 24, 2005
posts:21
votes: 0


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.
7:57 pm on Apr 11, 2005 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:June 6, 2004
posts:2239
votes: 0


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