homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

auto scroll div as a truly contained box
is it possible?

10+ Year Member

Msg#: 630 posted 3:38 pm on Feb 17, 2003 (gmt 0)

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.



10+ Year Member

Msg#: 630 posted 4:33 pm on Feb 17, 2003 (gmt 0)

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



10+ Year Member

Msg#: 630 posted 5:49 pm on Feb 17, 2003 (gmt 0)

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]


10+ Year Member

Msg#: 630 posted 6:07 pm on Feb 17, 2003 (gmt 0)

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

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved