Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

auto scroll div as a truly contained box

is it possible?



3:38 pm on Feb 17, 2003 (gmt 0)

10+ Year Member

is it possible to create a div or something like it that literally holds its content with no overflow, somehwat like an iFrame? i have an absolutely positioned div set to auto scroll, which contains several pages of content. while it looks nice and seems to work, the content flowing down the page is actually just hidden. if i were to, for instance, try to reference a part of the text with an anchor, it would snap to somewhere several pages down in the document, rather than somwhere several pages down in the div.

that's actually a bad example, because it isn't what i'm trying to to. i have an expanding list inside of the div using javascript, and when it expands the area of the div doesn't always expand with it. parts of the content get cut off and it's very glitchy in general.

i hope someone can shed some light on truly contained boxes. i'd hate to resort to using an iFrame.


4:33 pm on Feb 17, 2003 (gmt 0)

10+ Year Member

I am replying assuming that you are referring to a div with {overflow:auto;} scrolling rather than an autoscroller created with either <marquee> or javascript

Are you linking from within the autoscrolling div to another part of the div, or from the page content external to the div?

Is the height of the scrolling div absolutely (in px) or relatively (as %) sized?

Is the scrolling div the only scrolling part of the page, or does the viewport have a scrollbar as well?

In my experience, these factors all influence how linking in a scrolling div will behave. I have developed pages where this behaves very nicely - it is a good technique when executed properly.

I have an example in the webtools subdirectory of my site where the menu jumps to a specific location in the scrolling div.

PS - Toolman - is your site busted? I have overlapping content that I'm sure you hadn't intended in both IE5.5 & Moz1.3



5:49 pm on Feb 17, 2003 (gmt 0)

10+ Year Member

thanks. to answer you questions

1. the link to expand the list is inside the div
3. the scrolling div is supposed to be the only scrolling part of the page. however, because the div doesn't completely contain the text, invisible content going down puts a scrollbar on the side of the page.

[edited by: Nick_W at 5:56 pm (utc) on Feb. 17, 2003]
[edit reason] Check your sticky mail ;-) [/edit]


6:07 pm on Feb 17, 2003 (gmt 0)

10+ Year Member

by checking the page in mozilla, i discovered that the page i'm working on seems to be written as well as should be, and the bug is actually in ie 5.2:mac. if only mac internet explorer is affected i may put finding a fix on the backburner for a few days if someone could do me a big favor and check the sample in windows internet explorer, please contact me for a link

Featured Threads

Hot Threads This Week

Hot Threads This Month