Posted by Adam Plocher on 05/26/06 08:43

Hi I seem to be having some weird issues with this code below:

<div
style="position:relative;padding:5px;height:500px;overflow-y:scroll;background-color:#eeeeee;width:400px;">
<div style="position:absolute;bottom:0px;left:0px;width:100%;">
Test1<br />Test2<br />Test3<br />Test4<br />
Test1<br />Test2<br />Test3<br />Test4<br />
Test1<br />Test2<br />Test3<br />Test4<br />
Test1<br />Test2<br />Test3<br />Test4<br />
Test1<br />Test2<br />Test3<br />Test4<br />
Test1<br />Test2<br />Test3<br />Test4<br />
Test1<br />Test2<br />Test3<br />Test4<br />
Test1<br />Test2<br />Test3<br />Test4<br />
Test1<br />Test2<br />Test3<br />Test4<br />
Test1<br />Test2<br />Test3<br />Test4<br />
Test1<br />Test2<br />Test3<br />Test4<br />
</div>
</div>

I'm trying to get some text to be positioned at the bottom of a
scrollable div. The code above will make everything get stuck to the
bottom, like I want, but the scrollbars are still grayed out. If you
change the "bottom" css attribute to "top" the scrollbars will be
active. I tested this in IE6 and Firefox 1.5, same results in both.
Does anyone know any workarounds I can do to make this work, or maybe a
different method altogether to position the text to the bottom of a
scrollable div?

Thanks a lot

-Adam

• Next in forum: Re: showing two images one after the other with css
• Prev in forum: Re: I Have A Bitch Of A Head Cold
• Thread view: Problem with CSS absolute position/overflow scroll

[Reply to this message]