CSS Forum

**shonkyboy** · 01-21-2009, 04:58 AM

Hi - i have a test site at http://www.uk-computers.co.uk/index.php
the menu at the top of the page aligns correctly to the right in every browser but IE (which aligns to the left). No surprises there then!
I wonder if this could be a bug or maybe i have missed something .
The Div is the #TopMenu - any advice would be appreciated. Many thanks.

**Zoltar1992** · 01-21-2009, 08:11 AM

IE, seems to give a lot of problems, but I don't see what you are talking about. Perhaps you fixed it already?
If not a code snippet would help?

**shonkyboy** · 01-21-2009, 11:23 AM

in IE 7 it appears on the left hand side above the logo .
The correct position - when viewed in Firefox and Opera etc.. should be on the right hand side above the search bar.

**LadynRed** · 01-21-2009, 11:49 AM

You've got the li items floated left -- float them right.
You should also use conditional comments to call a separate css file for IE only fixes.

**shonkyboy** · 01-22-2009, 04:37 AM

Hi Thanks for that - just a question

Quote:

You should also use conditional comments to call a separate css file for IE only fixes.

I take it the conditional comment goes in the CSS file - and would this float of the li items be a conditional comment? I take it it is IE Specific as the other browsers interpretate this ok?
(By the way - at the time of writing - the site was a bit messed up due to a move in Nameservers!)

**shonkyboy** · 01-22-2009, 04:38 AM

Oh and one more thing

Quote:

call a separate css file

does that mean i have to have a seperate CSS file for this?
Im a bit confused with this to tell you the truth!

**LadynRed** · 01-22-2009, 11:24 AM

Conditional comments go in the <head> section of your HTML file and they look like this:

Quote:

Quote:

does that mean i have to have a seperate CSS file for this?

That IS what I said. IE is the only browser that will read conditional comments so it's a way to apply the necessary fixes needed to fight IE's many bugs. The ONLY thing you need in the separate CSS file is the rules needed to make IE do things correctly - so it is NOT a complete copy of your 'main' css file.

**shonkyboy** · 01-23-2009, 06:29 AM

many thanks for that 0 i will give that a try today.
just one question - why is it bad practice to put the IE fixes in the main style sheet? Is this something set out by the W3C?

Thanks Again

**chrishirst** · 01-23-2009, 02:34 PM

Quote:

why is it bad practice to put the IE fixes in the main style sheet

It's not bad practice as such, merely that the IE "fixes" could impinge on other rules which work perfectly well in good browsers thus "breaking" them.

So, as only IE handles the conditional comments, only IE will "see" the rules meant for IE only.

Quote:

Is this something set out by the W3C?

No. Conditional comments are not part of the W3c DOM specification, just another instance of Microsoft making up the rules to suit themselves.

**shonkyboy** · 01-27-2009, 06:04 AM

Thanks for that Chris