Hi,
I've just got a scrolling div set up in a page I"m working on, and am wondering if there's a way (without using another nested div) to add some spacing between the text and the scrollbar? The relevant code is as follows...or a better way to do this...I can't really change the padding etc on the TD without screwing up the layout of the site (it's a bit ugly)
HTML:
<TD class="content">
<div class="content"><div style="margin-right: 10px;">
A Whole heap of text that will need scrolling when there's too much here.
</DIV></DIV>
</TD>
CSS:
TD.content {
width: 360px;
height: 425px;
background-color: #E0E0DE;
padding: 10px;
vertical-align: top;
text-align: justify;
}
DIV.content {
height: 425px;
overflow: auto;
text-align: justify;
}
Thanks for any help!
Have you tried padding the right side?Yeah I have tried that - it just puts more padding on the right of the scrollbar, not on the left of it between the text and the scrollbar...Meh, I'd just wrap it in another div.
If you're too snobby for that, pad the right side of the paragraph tags inside.
I've just got a scrolling div set up in a page I"m working on, and am wondering if there's a way (without using another nested div) to add some spacing between the text and the scrollbar? The relevant code is as follows...or a better way to do this...I can't really change the padding etc on the TD without screwing up the layout of the site (it's a bit ugly)
HTML:
<TD class="content">
<div class="content"><div style="margin-right: 10px;">
A Whole heap of text that will need scrolling when there's too much here.
</DIV></DIV>
</TD>
CSS:
TD.content {
width: 360px;
height: 425px;
background-color: #E0E0DE;
padding: 10px;
vertical-align: top;
text-align: justify;
}
DIV.content {
height: 425px;
overflow: auto;
text-align: justify;
}
Thanks for any help!
Have you tried padding the right side?Yeah I have tried that - it just puts more padding on the right of the scrollbar, not on the left of it between the text and the scrollbar...Meh, I'd just wrap it in another div.If you're too snobby for that, pad the right side of the paragraph tags inside.