[thelist] overflow: auto/scroll

aardvark roselli at earthlink.net
Mon Apr 15 21:42:27 CDT 2002


sent this over to CSS-D on thursday, but despite all the well-intentioned help
telling me things i knew, i got no insight into whether this is a recognized
issue in any browsers, or any workarounds (clean or otherwise)...

using the following CSS:
pre	{	font-family : Courier, "Courier New", fixed-width, monospace ;
		font-size : 80% ;
		line-height : 140% ;
		clear : both ;
		overflow : auto ;
		padding : 5px ; }

on this page (and others):
http://roselli.org/adrian/articles/breadcrumbs.asp
(the evolt style makes the photo in the top-left not have the halo)

only N6/win2k (so far) seems to render (correctly) the larger <pre>s, that
would otherwise go off the window, with scrollbars... IE5.5 just makes the
<pre>s go off window, O6 stops the <pre> borders at the window edge, but
the text keeps going (as if it were overflow:visible;)... i don't have a Mac at
home, but i recall IE Mac might actually collapse it to nothing but a dotted
border...

tried overflow:scroll; as well, but it made *everything* scrolly in N6, which isn't
what i want, and had no other effects in the other browsers...

i'm curious about IE6/win, IE/mac (and any others on the Mac, at least until
tomorrow when i get to work), as well as any known issues with the overflow
properties that might cause the page to just not show the code for some
people (CSS interactions, browser barfs, etc.)...

ultimately, i'm looking for a way to show blocks of code without relying on
<textarea>s, pop-up windows, or blocks of text that munge the page forcing
the user to do the left-right-scroll-dance...




More information about the thelist mailing list