Jump to content

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?

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)

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.

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.

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.

  • Create New...