Hi guys,

I'm working on this site - http://dev.chriscurddesign.co.uk/mayday

It works in everything other than IE7 and IE8 in compatibility mode (don't care about IE6), where the vacancies lists on the right aren't hidden correctly by their parent overflow property.

I have been pulling my hair out trying to get to the bottom of this, its driving me up the wall, anyone got any ideas whatsoever?

I've attached an image of the issue, chrome on the left, IE8 compat mode on the right.

Cheers, -Ben

2 answers

This was chosen as the best answer

Couldn't figure it out so I'm just doing a javascript workaround.

Thanks anyway guys

Answered about 9 years ago by Ben Beckford

A quick look at the rendered source shows this

"height: auto; width: 248px; padding-right: 0px; position: absolute; overflow-x: visible; overflow-y: visible; top: 0px; "

as an inline style on the div around the RSS, so I imagine it's the javascript scroll pane that's adding it, and the z-index for the parent is 1, which may mean the z-index of the child needs to be explicitly set. Height in IE is quite often rendered as a min-height, so it may be stretching the parent?

if you isolate the scrollpane code, does that work properly?

Answered about 9 years ago by Tony Crockford
  • Hi Tony, thanks a lot for the speedy reply. Yes, if I remove the scrollpane it does work properly (http://dev.chriscurddesign.co.uk/mayday/test2) So where do I go from here? Which part needs an explicit z-index? Thanks again Ben Beckford about 9 years ago
  • The scrollpane has a z-index of 1, try giving the content a z-index of zero or -1 to push it behind the scrollpane, i.e. add a z-index to div.rssWrapper (no guarantees, mind) you might need to look at the Scrollpane javascript to make sure it's compatible with IE7 - maybe you missed a bit of code? Tony Crockford about 9 years ago
  • Hmm I've had a fiddle and that still isn't working. Do the z-indexes make sense now? I'm using the jScrollPane class from here - http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html - it is IE compatible Ben Beckford about 9 years ago
  • you checked this: jScrollPane doesn't work in Internet Explorer on my site There are two common reasons for jScrollPane failing in IE: You have a trailing comma in your settings initialiser. Trailing commas in array or object literals break in IE. You are manually adding the jScrollPaneContainer in your markup. This container is added by jScrollPane - you should not add it yourself. View source of the examples (e.g. not the GENERATED source in firebug) to get the correct syntax. Tony Crockford about 9 years ago
  • Excuse my blindness Tony, deleted answer. Marko Ivanovski about 9 years ago
  • I am implementing it correctly though, this is a CSS problem that I'm sure I could fix if I could just work out what is causing it Ben Beckford about 9 years ago