FIREFOX, Opera CSS DIV no scroll

[sciencer]

Hi all

I've got a webiste that contains several div's.

One of my div's may scroll. This works in IE.

But in Firefox and Oprea i can only scroll by useing the scrollbar.

I've created a CSS what contains

body{
width: 100%;
height: 100%;
overflow: hidden;
}

#menu {
overflow: hidden;
position: absolute;
z-index: 1;
width: 134px;
height: 100%;
}

#top{
overflow: hidden;
position: absolute;
z-index: 3;
width: 100%;
height: 92px;
}

#content
{
position: absolute;
z-index: 2;
left: 180px;
top: 110px;
width: 82%;
height: 80%;
overflow: auto;
}

Can anyone tell me what i'm doing wrong?

 

[Vragabond]

I don't understand. If you can scroll with the scrollbar, what seems to be the problem?

 

[sciencer]

I can't scroll with a scrollwheel or universal scroll in Firefox and opera. This works fine in IE.

 

[sirlojik]

I think the problem comes because you have choosen to hide anything(overfow) on the body element. This being the parent element influences most of its children i.e you would have to set overflow to auto,scrollX,scrollY for the individual child elements.

do u get what im im saying?

---------------------------
WORD OR VOTE TO THE WISE IS ENUFF...

 

[BillyRayPreachersSon]

If you want to have your DIVs scrollable cross-browser, use:

yourDivSelector {
   overflow: scroll;
}

You should make sure you have set a width / height, too.

Hope this helps,
Dan


[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[sciencer]

BillyRayPreachersSon

Do you mean the i've to write in my css
body{
width: 100%;
height: 100%;
overflow: hidden;
}

#menu {
overflow: hidden;
position: absolute;
z-index: 1;
width: 134px;
height: 100%;
}

#top{
overflow: hidden;
position: absolute;
z-index: 3;
width: 100%;
height: 92px;
}

#content
{
position: absolute;
z-index: 2;
left: 180px;
top: 110px;
width: 82%;
height: 80%;
overflow: scroll;
}

 

[sciencer]

If I do that it still doesn't work.

And I get a hor. scrollbar.

The only way i can scroll in Firefox and oprea is wtih the scrollbar.

 

[ChrisHirst]

Only IE appears to support scroll wheel movement with overflow

FF can be sorted out with this All-in-one gestures extension





Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems

So long, and thanks for all the fish.

 

[BillyRayPreachersSon]

I'm confused. How do you want to be able to scroll if it is not with the scrollwheel / scrollbar?

Dan


[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[Vragabond]

FF does not support scrolling in overflowing divs with the scrollwheel as Chris pointed out. One has to use the supplied scrollbars.