Scrollbar problem

[Jeffrey35]

Hey guys,

The following problem that I encounter isn't a serendipity problem, but I still hoped that you could help me with it.

I am using the css overflow property to control the scrollbars. In Firefox I get the expected result.

Firefox (notice the scrollbars):


But in IExplore 7 it looks like the overflow property is being ignored.

IExplore 7 (notice the scrollbars):


The code that I use is

Code: Select all

<style type="text/css"> 
body{ 
overflow-x : hidden; 
overflow-y : auto 
} 
</style>

In the HEAD section.

And

Code: Select all

<iframe id="gallery2" src="http://gallery.jeflog.nl/" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow-x:auto; overflow-y:hidden; width:100%; display:none"></iframe>

Why does the code works in Firefox, but not in IExplore 7? Is there a way to also make it work in IExplore 7?

For the site visit:
http://gallery.jeflog.nl/photos.html

Greetz,
Jeffrey

[judebert]

Here's another blog having similar problems: http://www.ookii.org/showpost.aspx?post=9.

Perhaps you could add a plain overflow:auto; and see if it changes the behavior?

[Jeffrey35]

Still got the problem. Fixed to scrollbar issue in the body. But I still can't seem to get the vertical scrollbar in the iframe to dissapear. I just don't understand because i thought that the overflow : y property started as being IE specific. It there maybe someone ho knows the solution.
By the way, merry christmas.

Greetz,
Jeffrey