Top Menu Has dropped

[PEO]

Ok It looks fine on my monitor, but on other monitors around the school the top horizontal menu has dropped below the banner.

screen shot of both how it should look and how it looks on other monitors around the school.

Any ideas/help much appreciated

cheers

Kev

[mossj]

that looks like a z number issue in css to me, whats diffrent about the other computers? for instance... aspect ratio, screen res, browser.

[HodgeHi]

Is the first one IE 6? Cuz i have the same issue. Every other browser renders the header fine except IE 6.

[PEO]

Is the first one IE 6? Cuz i have the same issue. Every other browser renders the header fine except IE 6.

Yep it only seems to happen in IE6, Im on IE8. I've tested IE8 with compatability modes on and off looks fine. But IE6 is not playing ball.

[PEO]

that looks like a z number issue in css to me, whats diffrent about the other computers? for instance... aspect ratio, screen res, browser.

My first thoughts exactly, so I tried on a different range of monitors and resolutions etc. but no joy, All have IE6.

[mossj]

then its undoubtly the monster that is IE-6 thats playing up, does the template have a IE-6 specific template, if so think about putting a workaround in that.

[HodgeHi]

And when you have done so would you mind posting the correction

[SYSMAN_MK]

There are 2 css files for specific IE6 "settings" You might need to add something in those based on the changes you have made the the standard css files.

[mossj]

The correction i'd make would be finding out what container that menus in and then using position absolute, position right 50%, then add how much you need to (just less than half of the width on the main container).

This should give you approprate positioning in IE6 with compatibility for all resolutions and aspects.

But don't make the changes elsewhere and also you will have to position the height.....

[PEO]

will have a look on monday cheers guys

[Edu-IT]

Thanks for posting this as I was wondering the same thing. I did ask in another thread, I think it was beeswax's, but didn't get anywhere really. I tried one or two things but to no avail.

[mossj]

btw i think you use margin-left/right or padding-left/right to set how much to off-center it by.

[lightinthedark]

There are a great many sites with info on how IE (generally, but more in 6 and earlier) screws up valid css with non-standard / buggy renderings. My favourites are the IE6 Three Pixel Gap issue, and the way that it can't work out that x% + (100-x)% == 100% in some cases so makes one element drop below its neighbour (which may be what you're running into). Try making the block with the menu in it which has dropped down just a few pixels / percents smaller. Good luck.

Hello
:-Dave