Style on Div to avoid horizontal scrolling

[Tom Szabo]

Hi,

Is it possible to have only vertical scrolling enabled on a DIV?

style="BORDER:1px ; OVERFLOW: auto; WIDTH:799px; HEIGHT:249px;position:
absolute; top:0; left:0; "

will have both horizontal and vertica scrollbars once the dim of the content
exceeds the DIV's size.

Can it be made so only vertical scrollbars will appear?

TIA,

Tom

[Ivo]

"Tom Szabo" wrote

style="BORDER:1px ; OVERFLOW: auto; WIDTH:799px; HEIGHT:249px;position:
absolute; top:0; left:0; "

will have both horizontal and vertica scrollbars once the dim of the content exceeds the DIV's size.
Can it be made so only vertical scrollbars will appear?

Sure. Even without resorting to javascript. IE5 and up allow independent
setting of the properties with overflow-x and overflow-y, see for example
< http://www.blooberry.com/indexdot/cs.../overflowx.htm >

You could also try wrapping your content in an 'inner div' which is set to
be slightly narrower than the 'outer div'.
--
Ivo
http://www.vansandick.com/

[David Dorward]

Ivo wrote:

Sure. Even without resorting to javascript. IE5 and up allow independent
setting of the properties with overflow-x and overflow-y

Which (a) are not CSS and (b) won't work in browsers other then IE.

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

[Martin Honnen]

David Dorward wrote:

Ivo wrote:

IE5 and up allow independent
setting of the properties with overflow-x and overflow-y

Which (a) are not CSS and (b) won't work in browsers other then IE.

These properties are part of CSS 3 (currently a working draft
http://www.w3.org/TR/2002/WD-css3-box-20021024/ ) and recent Mozilla
trunks versions implement them.

--

Martin Honnen
http://JavaScript.FAQTs.com/

[Grant Wagner]

comp.lang.javascript FAQ - http://jibbering.com/faq
"Martin Honnen" <ma*******@yahoo.de> wrote in message
news:41***********************@newsread2.arcor-online.net...

David Dorward wrote:

Ivo wrote:

IE5 and up allow independent
setting of the properties with overflow-x and overflow-y

Which (a) are not CSS and (b) won't work in browsers other then IE.

These properties are part of CSS 3 (currently a working draft
http://www.w3.org/TR/2002/WD-css3-box-20021024/ ) and recent Mozilla
trunks versions implement them.

And in the meantime, while you're waiting for standards to shake out, if
you want something that works in IE (and possibly Opera 7) and
Gecko-based browsers, you can try:

overflow-x:hidden;overflow:-moz-scrollbars-vertical;

--
Grant Wagner <gw*****@agricoreunited.com>

[Thomas 'PointedEars' Lahn]

Martin Honnen wrote:

David Dorward wrote:

Ivo wrote:

IE5 and up allow independent
setting of the properties with overflow-x and overflow-y Which (a) are not CSS and (b) won't work in browsers other then IE.

These properties are part of CSS 3

They are *not*, since
(currently a working draft
http://www.w3.org/TR/2002/WD-css3-box-20021024/ )
| This draft should not be cited except as "work in progress." It is a work
| item of the CSS working group which is part of the Style activity (see
| summary). It may be modified or dropped altogether at any point in time.
| Implementations for the purpose of experimenting with the specification
| are welcomed, as long as they are clearly marked as experimental.
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ and recent Mozilla trunks versions implement them.

,-<ftp://ftp.mozilla.org/pub/mozilla.org/mozilla/nightly/README>
|
| This directory contains precompiled binaries of Mozilla.
| These are NIGHTLY BUILDS. They are completely untested.
| We don't even know if they start up without crashing.
| They expire in 30 days.

When will they ever learn?
PointedEars
--
Reboot is not a debugging technique...