I've been working on a custom theme. I had 90% of the theme 'ready' in Firefox, then started adding rules to make it work similarly in IE 6 and IE 7 using conditional comments. The layout seems fine to me in all of these browsers, although I have noticed that IE 6 has a variation on the Peek A Boo bug present. I've tried some suggested fixes I've gotten from IRC, from online resources and none of them have worked.
Basically, to replicate the problem, go to the front page of the site (link below) using IE 6. Scroll down the page about halfway, then scroll back up. Rinse and repeat. Eventually you will notice the entire drop-down menu at the top disappears. Mouse over the menu, and it voila! It reappears.
If you can help me out, that'd be stupendous. Note that the timestamps being added to the pages are to prevent caching by our very aggressive proxy server and that the weird file names (IE-6-1.css) are another attempt to avoid the proxy server. More rational file names will be chosen once all development is done.
The link to the problem is at http://www.rism.ac.th/risweb.
Comments
Pain the backside browser
Pain the backside browser isnt it?
Couple of things possibly worth looking at - both the navbar and navbar-inner are absolutely positioned, which makes the navbar div a bit redundant since navbar-inner is now out of the normal document flow. Why I mention this is 2 reasons - 1) the navbar still has the old Zen float:left on it and might be messing with IE6 and 2) the Holly hack wont work on absolutely positioned elements (as far as I can remember anyway).
I was able to get rid of either of those divs (navbar or navbar-inner) and juggle a few other styles (margin top, width etc) and had it looking the same - this includes killing the float on navbar as well.
Is the float:left on ul.nice-menu-down (nice menus css) entirely necessary? I ask since that is the one floated element (other than the floated navbar) that I think might be triggering the bug. If removing the ul.nice-menu-down float causes issues in other browsers (I can only really check in FF where removing it seems fine) then perhaps a zoom:1 hack applied to that and/or its containing div (navbar-inner) might yield some improvement.
So hard to pinpoint this from the outside looking in, could be off-track but I think those are a few things worth looking at.
Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.
Thanks for the feedback and
Thanks for the feedback and the ideas, I appreciate them. I'll take a look into them in a bit.
The absolute positioning might be part of the problem, but I'd tried removing that with no luck. I haven't tried doing anything to ul.nice-menu-down, so I'll check that out next, as well as simplifying the html/css a bit.
Dave
My site: http://www.unitorganizer.com/myblog
Fixed
Thank you very much. Your suggestion to remove the extra #navbar-inner element made the difference. It turned out the ul.nice-menu-down was crucial. It also turned out that I discovered that my site had 32 different style sheets, which meant my fixes for IE 6 (which were showing up in sheet #31) weren't being discovered. CSS aggregation is currently a no-go right now because of server permissions over which I do not have control, so I had to aggregate some of the Zen style sheet manually.
However site is working much better now and this bug is squashed.
My site: http://www.unitorganizer.com/myblog
Great! Glad to have been of
Great! Glad to have been of assistance:)
Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.