[pmwiki-users] Srolling boxes

[Chris Cox]

Chris Cox wrote:
> Pico wrote:
>> Patrick R. Michaud wrote:
>>> On Thu, Jun 08, 2006 at 10:10:34AM +1200, John Rankin wrote:
>>>> On Wednesday, 7 June 2006 6:02 PM, Patrick R. Michaud <pmichaud at pobox.com> wrote:
>>>>>  -- All of the IE scrollbars for "overflow=auto" hide the last line of 
>>>>>     preformatted text; that is, one has to scroll vertically in order to 
>>>>>     see the last line.
>>>> What happens if you add a padding-bottom which *should* go between the
>>>> text and the scroll bar?
>>> The padding allows the display box to grow big enough to see the
>>> last line, but a vertical scrollbar still exists (presumably to be
>>> able to scroll to see the padding that is underneath the horizontal
>>> scrollbar).
>>>
>>> Surprisingly, a bottom-padding of at least 1 pixel causes the 
>>> horizontal scrollbar to suddenly appear in Firefox
>>> as it is supposed to.
>>>
>>> So, that leaves us with the following,
>>>
>>>     pre { overflow:auto; padding-bottom:1px; }
>>>
>>> which causes most browsers to put a scrollbar on the text
>>> only when it's larger than the available space, and we
>>> handle IE's quirks with the following in the template:
>>>
>>>     <!--[if IE]>
>>>       <style type='text/css' media='screen'>
>>>         pre { width:800px; padding-bottom:1.33em; }
>>>       <style>
>>>     <![endif]-->
>>>
>>> Pm
>>>
>> Earlier the test page was working on every browser I tested for Mac OS 
>> X, but right now, half don't display the scrollbar and one doesn't even 
>> display the text for the overflow=auto padding-bottom:1px div
>>
>> Scrollbar and text display:
>>
>> Camino v 2006021400 (1.0)
>> Firefox v 1.5.0.3
>> Netscape v 7.1
>>
>> Text displays, but no scrollbar:
>>
>> Safari v 2.0.3
>> iCab v B382 (3.0.2)
>> Omniweb v 5.1.2
>>
>> No text or scrollbar:
>>
>> Internet Explorer v 5.2
> 
> How about using the includeSite (or other) recipe
> and sticking it into an IFrame.... perhaps that
> would be the portable answer??
> 
> (:includeSite http://url-to-some-html-or-wiki-page-with-no-theme
> border=0 width=100% height=60:)

For example:
http://theendlessnow.com/ten/Test/ScrollTest