Not sure what's going on here - but I've got a site where the navigation isn't
quite in the centre in IE. It might be something I haven't noticed before,
because in this one it's designed to look like wooden signs mounted on an iron
pole sort of thing. So it's more visible to the eye because of where it should
be in relation to the pole.

It kind of looks like the greyed out horizontal scrollbar of IE is shunting
the navigation across to the left a bit, but not affecting the rest of the page
elements.

Anyway, of you look at the page in IE and in Firefox you'll see what I mean.

Any tips on how to fix this in IE much appreciated!

http://www.a1fabandpowder.co.uk/index101.htm

Hi Iain,

Have you tried using a specific IE conditional comment to move the
navigation ul into position?

Put some more right margin on the ul to push it back over a bit more to
the right in IE and see what happens.



Iain71 wrote:
> Not sure what's going on here - but I've got a site where the navigation isn't
> quite in the centre in IE. It might be something I haven't noticed before,
> because in this one it's designed to look like wooden signs mounted on an iron
> pole sort of thing. So it's more visible to the eye because of where it should
> be in relation to the pole.
>
> It kind of looks like the greyed out horizontal scrollbar of IE is shunting
> the navigation across to the left a bit, but not affecting the rest of the page
> elements.
>
> Anyway, of you look at the page in IE and in Firefox you'll see what I mean.
>
> Any tips on how to fix this in IE much appreciated!
>
> http://www.a1fabandpowder.co.uk/index101.htm
>

That's what I thought might be the best solution.

I haven't really used them much - am I right in thinking it's as simple as
adding in :

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="IEfriendly.css" />
<![endif]-->

Iain71 wrote:
> That's what I thought might be the best solution.
>
> I haven't really used them much - am I right in thinking it's as simple as
> adding in :
>
> <!--[if IE]>
> <link rel="stylesheet" type="text/css" href="IEfriendly.css" />
> <![endif]-->
>

Yes.

Or if its a specific IE giving you issues:

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="IE6friendly.css" />
<![endif]-->

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="IE7friendly.css" />
<![endif]-->