[thelist] overflow: auto/scroll

.jeff jeff at members.evolt.org
Fri Apr 19 21:50:00 CDT 2002


adrian,

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> From: aardvark
>
> > correctly.  not really.  nn6 is implying a width on
> > the pre block that isn't specified.  imo, ie is doing
> > the correct thing, not nn6.
>
> <pre> is block level and should extend to the edge of
> the document, or the edge of viewport... right?  why
> would it need a width?
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

because without a width, it obeys its primary function and that's to change
its width to fit its contents.

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> using the 98%, IMO, isn't necessarily correct and feels
> like a hack... as a block-level element, it should
> behave by extending to the edge of the page if the page
> content is wider than the viewport, otherwise to the
> edge of the viewport... the overflow should have taken
> care of its decision because the content in the <pre>
> was the widest element on the page...
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

fwiw, try setting an overflow to anything other than visible on any other
block level elements and see what happens.  it won't obey it unless you give
the element an explicit height or width, depending on which direction you're
setting the overflow and how wide or tall the content within the block level
element is.

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> > playing with it a bit more, i set overflow-x to auto,
> > overflow-y to visible, and gave the bottom 25px of
> > padding (to accommodate for the scrollbar) and it
> > works as expected in ie6 and nn6.  still no joy in
> > opera 6.
>
> the bottom padding has no effect in killing the up-down
> scrollie for me in IE5.5...
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

it's not the padding that does it by itself.  it's the setting of the
overflow-x and overflow-y to different values *with* the padding.

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> >     overflow-x: auto;
> >     overflow-y: visible;
> >     padding-bottom: 25px;
> >     width: 98%;
>
> i got away with these three doing the job in N6 and
> IE5.5 (sorta) without breaking O6... still gotta
> test da macs:
>
> 	overflow : auto ;
> 	width : 98% ;
> 	padding : 5px 5px 25px 5px ;
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

sorry, but i disagree that you can set overflow to auto for both x and y.
i'll send ya a screencap of what i see in ie6 and nn6 if you don't believe
me, but you gotta have overflow-y set to visible to avoid that annoying
vertical scrollbar.  and, that bottom padding is necessary to give room for
the horizontal scrollbar on the bottom of the block level element without
overlapping the last line of content.  why it doesn't resize to accommodate
that scrollbar is beyond me, especially when a height isn't set and vertical
overflow is set to visible.

.jeff

http://evolt.org/
jeff at members.evolt.org
http://members.evolt.org/jeff/





More information about the thelist mailing list