Jump to content
westman

fix scroll bar to the bottum

Recommended Posts

hi all,i have a <div>and in it, it looks like this...

<div id="text_output" align="left" style="background-color:#F4F4F4; font-size:12px; height:150px; overflow:auto; padding:5px; border-bottom:#666 1px solid;">

how do i set the scroll bar to the bottum?

Share this post


Link to post
Share on other sites

AS with setting the height to show a scrollbar when the content exceeds the height of the container, the setting of width is required, so when the content exceeds container width, surprise, surprise the scrollbar appears. overflow-x: targets bottom scrollbar (width) overflow-y: targets right scrollbar (height)

Share this post


Link to post
Share on other sites

ok so how do i target the height scroll bar to be set at the bottum? like when you open a new website the scroller is at the top showing the top of the page, am trying to show the bottum of the page (div)

Share this post


Link to post
Share on other sites

you are talking about right scrollbar right!, with overflow: auto; the scrollbar will only appear if content greater than fixed height, overflow:scroll; the scrollbar appears, but is greyed out until its content is greater than fixed height. IF you wish to set it so the content at bottom is shown as the content increases. css can't do that, only javascript or jquery maybe able to achieve that.

Share this post


Link to post
Share on other sites

hmmm ok thank you,yer i was talking about the right scrollbar found on a pc or on the net, moving the starting position to the bottum, it defolts to the top.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...