is set to
which prevents tables (and other broad content) from being scrolled. Setting it to
works fine, here.
- 03 Jul 2007
That's fine ... as long as your sidebar navigation is not on the right handside. Try
on a page with wide
content now. So either you risk that wide content
- overlaps the sidebar navigation,
- the sidebar is pushed off the window,
- other text content on the same page does not flow nicely anymore,
- wide content gets truncate,
- you need to surround wide content with an individual overflow:auto div element,
- you don't try to display oversized content or,
- you don't put sidebar navigation on the right handside.
The overflow:auto divs have usability problems:
the horizontal scrollbar itself is out of sight and you end up scrolling down to get the horizontal scrollbar, then up again, ah, you didn't scroll enough to the right, down again, tick the horizontal scrollbar, up again, and so on... So having a scrollbar down at the bottom of the
area can make things a lot worse. For now I prefer to have the scrollbar as
near to the wide content as possible like this:
here comes the extra large spreadsheet table
This way the wide content is captured in a scrollarea of its own and does not force
other text on the topic to be wide also. As a matter of fact, the topic author him/herself
has to take over responsibility... which is out of scope for a skin.