Question

Using the NatSkin, I'm missing the horizontal scrollbar to be able to display pictures or tables which are larger than the screen (browser) resolution. This is a problem, because in this case it is impossible to see the right end of large embedded pictures or tables. It's probably necessary to adjust something in the BaseStyle.css.

What needs to be adjusted in order to have horizontal scrollbars available at the bottom? Any ideas?
Thanks for your support.

Some Pictures

Example with PatternSkin, scrollbar at bottom available:

Environment

-- ChrisHausen - 21 Apr 2006

Answer

If you answer a question - or someone answered one of your questions - please remember to edit the page and set the status to answered. The status selector is below the edit box.

Hallo Chris,

if you've got big pictures in your topics then consider surrounding it with a overflow div:

<div style="overflow:auto">
<img ... />
</div>

If you'd like to have that automatically every time you attach a new image and generate an url for it in the topic text then use the following setting in your TWikiPreferences:

    * Set ATTACHEDIMAGEFORMAT = <div style="overflow:auto><img src="%ATTACHURLPATH%/$name" alt="$name" width="$width" height="$height" /></div>

-- MichaelDaum - 21 Apr 2006

Hi Michael,
thanks a for lot your quick and helpful reply! It works perfectly for Firefox and Mozilla, but not with Internet Explorer 6.0 (which is unfortunately widely used in our company...). I checked in Selfhtml: this option seems to be not fully supported for all browser. Unfortunately, I do not have much experience with CSS yet, is there any setting to enable scrollbars automatically, whenever it's needed (like it does when no CCS for layout ist used)?

-- ChrisHausen - 22 Apr 2006

Hi,

i had the same issue.

My approach was to change pub/TWiki/NatSkin/BaseStyle.css

There is a...

.natSideBarContents, .natMainContents {
  min-height:50em;
  overflow:hidden;
}

replace overflow:hidden with overflow:visible

.natSideBarContents, .natMainContents {
  min-height:50em;
  overflow: visible;
}

-- CarloSchulz - 18 Dec 2006

Another solution is to install the ImagePlugin and set

   * Set ATTACHEDIMAGEFORMAT = %IMAGE{"%WEB%/%TOPIC%/$name|500px" type="frame" align="none" caption="$comment"}%

Carlo, your solution is fine if you have the sidebar navigation on the left. If it is on the right, wide content like images will overlap the sidebar.

-- MichaelDaum - 18 Dec 2006

ooh, good to know.

I only checked for sidebar on the left and on both sides. thx

-- CarloSchulz - 20 Feb 2007

I've fixed the original poster's mistake of asking about "vertical" scrollbars, when he meant "horizontal". I stumbled upon this page accidentally, actually looking for this issue, but missing it because I was searching for the word "horizontal". Can someone rename the topic to reflect "horizontal" instead of "vertical"? Thanks.

-- DustinGooding - 31 Aug 2007

Done.

-- PeterThoeny - 31 Aug 2007