Browser issues with css

[tobymather]

Dear all,

I have made a site using css, which displays fine in all browsers apart from old versions of IE.

I have an image floated on the right hand side, which has a navigation menu over the top of the image. When I view this in IE however, it goes everywhere...

please help. You can see the problem at www.tidworthrpc.co.uk

[karinne]

Put the image as a background to #nav2 instead of creating a separate div

[tobymather]

I tried that and it went skewiff. I have just spent hours correcting it from that point.

[karinne]

position: fixed; doesn't work in IE6.

Just use float left instead? Or do you absolutely need the thing to scroll with the page?!

[tobymather]

I dont need it to be fixed. I just need it to look ok!!

[karinne]

Then ... remove the position: absolute on the #content and put float: left instead. Same thing to the #nav2.

You might want to have a look at this 2 colmn layout example by moojoo ...

[tobymather]

Hi again,

I was just wondering if there was an if statement i could put into the html saying: if IE 5 or below-show absolutely positioned nav bar,

if firefox/ie7, show fixed nav bar.

I got it showing ok in IE, but inly by completely ditching the fixed thing.


Thanks.

[Ryan Fait]

Yep, check out this links:

http://msdn.microsoft.com/workshop/a...omment_ovw.asp

[moojoo]

Conditional comments are the pwn.

[Ryan Fait]

Indeed. Actually, never mind. They would be the pwn if IE didn't suck.