Scrollcontent Flies Way Out of Position

[metrov]

We are building a new website. Nearly every page on the several hundred page site employs "scrollcontent" css. However, on this one page, and this page only, the scrolling area flies way out of position.

You'll see the content for an instant, then it drops out of sight. Scroll WAY DOWN, and you see it. The page is particularly long.

I tried re-building the table within the scroller, and it was working fine. I kept gradually adding more and more content -- no problems. I figured something had become corrupt in the previous page. Then all of a sudden, after adding so much content, the problem started occuring again. So trying to backtrack, I started eliminating content to get back to where it was working. That didn't work. I had to eliminate almost ALL the content before it would stop flying out of position.

Additionally, this happens ONLY using IE. Scroller works fine using Firefox.

Anyone have any ideas about why this would be happening, and how I can fix?

Thanks so much

My code:

#scrollcontent_testimonials {
position:relative;
background-color:ffffff;
left:0px;
top:0px;
width:598px;
height:520px;
overflow:auto;
z-index:1;
scrollbar-face-color:#B695D8;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#C0C0C0;
scrollbar-darkshadow-color:#508151;
scrollbar-shadow-color:#008000;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-background-color:#FFFFFF;
color:#000000;
}

[edited by: tedster at 2:56 am (utc) on July 3, 2008]

[4css]

Hi metrov

Two things first, what DTD are you using? And also, have you tried to validate that one page?

If it is only on the one page that you are having an issue, it might be a typo somewhere in your code?

Also, Is it IE6 & IE7 that you are having the issue? Or just one version over the other.

Lastly, there really isn't enough code for someone to view here. If you could paste a bit of your (x)html and a little more css, that might help out a little bit more.

[metrov]

Thanks for your reply. I've got it working now. As on several hundred other pages, I had a table within the scrollcontent. I removed most, but not all, of the table, and now it works. Apparently IE and scrollcontent can only handle a table of a certain length, and no longer.

Thanks

[4css]

Sounds weird.

Did you do a google on this to see if there is a certain amount of content that you can add?

So, in order for it to work, you had to eliminate content?

[metrov]

I didn't have to eliminate content. What I did was this: Previously, I had a lengthy bunch of content in one long table broken up into cells.

I placed about 1/10 of that content in a much smaller table, and put the rest beneath that -- not within a table, but within the scrollcontent div tags.

I did it that way because I still use tables to organize content, and am not proficient enough with css to use strictly css. The table is broken into cells to position images and text.

At any rate, it works fine now, thanks!

[edited by: tedster at 4:10 am (utc) on July 7, 2008]

[4css]

Hi metrov
Thank you for posting how you resolved the issue. It helps others who are looking to solve the same thing.

May I ask why you wished for a scoll bar in the center of your page?

Also, just so you know, your link is going to be removed as per the terms of the Forum Charter [webmasterworld.com]. No posting of url's is permitted. :)

If you already had a div there, why didn't you just put your content into paragraphs within that div?

btw, nice job. :)

[metrov]

I used the scroll bar for two reasons:

1 -- The previous website employed them, so there is an "expectancy" issue from both employees and customers.

2 -- The content is, in some cases, VERY lengthy. Again, the company has established a precedent for using nested scrollers rather than breaking up the content into numerous pages.

Thanks