Stylesheets - div overflow doesn't scroll in Safari

Author

div overflow doesn't scroll in Safari

hannes

2007-03-12, 7:21 pm

Hello, i'm trying to make a scrollable area in my website. The area
(a
DIV) is 500 x 200 pixels and shows a table which is much larger
(>2000
pixels in width).
Everything works fine in IE, but on a mac, using Safari, a problem
rises: There is no scrollbar, not horizontal, not vertical.. And only
the last part of my table is visible..

What should i do? Has someone an example which works in Safari and
scrolls aswell? I don't want to use framesets...

my code:

[[[[[[[[[[css file:

div.scroll{
height: 200px;
width: 500px;
overflow: auto;

}

[[[[[[[html part:
<div class="scroll">
<table...>
......
</table>
</div>

dorayme

2007-03-12, 7:21 pm

In article
<1173731089.066063.164660@8g2000cwh.googlegroups.com>,
"hannes" <hanness@XXXXXXXXXX> wrote:

> Hello, i'm trying to make a scrollable area in my website. The area
> (a
> DIV) is 500 x 200 pixels and shows a table which is much larger
> (>2000
> pixels in width).
> Everything works fine in IE, but on a mac, using Safari, a problem
> rises: There is no scrollbar, not horizontal, not vertical.. And only
> the last part of my table is visible..
>
> What should i do?

You should post a url on this one for sure so all can be seen.

--
dorayme

Bergamot

2007-03-12, 7:21 pm

hannes wrote:
> Hello, i'm trying to make a scrollable area in my website. The area
> (a DIV) is 500 x 200 pixels and shows a table which is much larger
> (>2000 pixels in width).

I pity your users. That's a mighty cumbersome way to view such data. :(

> Everything works fine in IE, but on a mac,

So what about Firefox or other browsers?

> using Safari, a problem rises: There is no scrollbar, not horizontal,
> not vertical.. And only the last part of my table is visible..
>
> What should i do?

Redesign it so as to be more usable for more people?

> my code:

Don't post code, post a URL. Besides, your little snippet doesn't tell
the whole story.

--
Berg