Hi,
I'm having this strange problem with an horizontal scrollbar showing up in the redesign of a site. the only difference in the redesign is that instead of having an embedded flash movie as a navigation bar in my div id="layer3" I know have a text based navigation bar in that same div id="layer3"
This seems to only happen in IE 5 on a Mac and I can't seem to get rid of it.

Here is an example of both designs :

old one :

killwhat.com


new one:

killwhat.com


Any suggestions how I can get rid of this problem without using iframes ? thanks

On a Mac, eh.

My suggestion would be to use the old positioning on the new page in the layer3. If that does not fix it, try disabling the css and see if that workds.

If its a css problem, make sure your css is properly validated from www.w3c.org and post it in here if there is still a problem with it.

My only other suggestion to fix this is to blow up your mac and buy an PC like everyone else in the world. (instructions on this are posted in many places if you need help with it)

Nice site layout by the way.

Hello kelly001,

Too bad that I do not see this 'effect' since I don't own a Mac myself...

I too would have to guess that this might just be a rogue issue with some CSS value or any JavaScript that handles 'width' settings...

Viewing the pages with the browsers I have doesn't show any errors at all (i.e. IE6, Moz, Firebird).

I hope that you will reply here someday if you manage to figure this out eventually...

thanks for the advice, I have already tried disabling the css and it did not change the problem...

I know that I can get rid of it by replace scroll=no to scroll=auto in the body tag but then on IE 5 mac, the scroller let's you scroll all the way down where the hidden content in the layer is...

In the past the only way, I've found to work around this is make a IE5 Mac user specific page (using iframes instead of layers) and have a javascript redirect on the original page

the javascript could be something like this :

<script language="JavaScript">
if(navigator.appVersion.indexOf("MSIE 5.")!=(-1)
&& navigator.appVersion.indexOf("Macintosh")!=(-1)) {
top.location.href = "new-iframe-page.html";
}
</script>