PEO Posted January 30, 2009 Posted January 30, 2009 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 Posted January 30, 2009 Posted January 30, 2009 (edited) that looks like a z number issue in css to me, whats diffrent about the other computers? for instance... aspect ratio, screen res, browser. Edited January 30, 2009 by mossj
HodgeHi Posted January 30, 2009 Posted January 30, 2009 Is the first one IE 6? Cuz i have the same issue. Every other browser renders the header fine except IE 6.
PEO Posted January 30, 2009 Author Posted January 30, 2009 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 Posted January 30, 2009 Author Posted January 30, 2009 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 Posted January 30, 2009 Posted January 30, 2009 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 Posted January 30, 2009 Posted January 30, 2009 And when you have done so would you mind posting the correction
mossj Posted January 30, 2009 Posted January 30, 2009 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..... 1
Edu-IT Posted January 30, 2009 Posted January 30, 2009 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 Posted January 30, 2009 Posted January 30, 2009 btw i think you use margin-left/right or padding-left/right to set how much to off-center it by.
lightinthedark Posted January 31, 2009 Posted January 31, 2009 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now