473,407 Members | 2,629 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,407 software developers and data experts.

div overflow doesn't scroll in Safari

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>

Mar 12 '07 #1
2 8226
In article
<11**********************@8g2000cwh.googlegroups.c om>,
"hannes" <ha*****@gmail.comwrote:
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
Mar 12 '07 #2
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
Mar 12 '07 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

15
by: Andrew Fedoniouk | last post by:
I have a simple test document which produce the following in Mozilla and Opera: http://terrainformatica.com/w3/p2/problem1.png Internet Explorer behaves as per recommendation (I guess) Did I...
10
by: Anna | last post by:
Hi all. I don't have a very deep understanding of CSS and this question might sound stupid for you. Sorry for that. Can the overflow CSS property be applied to the embed tag? I have an embed...
3
by: Ingrid | last post by:
Dear group, I wanted to make a scrollable list-menu that is fixed in place and fitted to the height of the browser window, so I tried: ol#nav{ position: fixed; top: 2em; bottom: 0; height:...
6
by: Sander Tekelenburg | last post by:
While working on <http://www.lotzofmusic.com/> I ran into some issues with overflow (the decorative fishes). It seems to me the construction is sound, yet Safari ignores the overflow:hidden. At...
1
by: ernond_paul | last post by:
Hi, I'm trying to have a box with "overflow: auto" in order to print only a few part of a text. I want to have a scroll for this box : that's work fine. But my problem is when I use the Wheel...
2
by: Jason Chu | last post by:
Simple compatibility question, I have this: <table height="100%" width="50%" border="1"> <tr height="50%"> <td> <asp:Panel id="Panel1" runat="server" Height="100%" Width="100%"...
4
by: reycri | last post by:
I have a page that works as I intend in IE but not in Firefox: <html> <head> <title>Overflow Test</title> </head> <body style='overflow:hidden; margin:0; padding:0;'> <table border='0'...
1
by: hanness | last post by:
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...
0
by: asnowfall | last post by:
I trying to use 'overflow-x: auto;' for my webpage. I based my work on a news group sample. On IE, I have a problem and that is as follows. I am applying 'overflow-x: to <DIVthat is inside the...
0
by: therealvibe | last post by:
Dear All, After developing this page I noticed that in Opera and Safari Mac that the page will not scroll. This works well in IE6/IE7/Firefox/Safari for windows but NOT safari MAC and opera...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.