Weird scroll using dreamweaver

[JsteRmX]

[solved] weird scroll using dreamweaver

hey i have a question since i cant figure out why this is happening. i have a couple paragraphs of text that are supposed to be in a scroll box. this is all in HTML. the problem with it is that when i view it on my website, the scroll bars are not visible until you click and scroll there. Why is it not showing up at first?

you can see what i am talking about here: www.jesslester.com/wip


I also would like to get rid of the horizontal scroll. anyone know how to do that? here is my code:

<p class="style30"><div align="center"><div style="overflow:auto; height:200px; width:500px; scrollbar-base-color: #A3c89E;
scrollbar-arrow-color: #A3c89E;
scrollbar-3dlight-color: #2f534d;
scrollbar-darkshadow-color: #547867;
scrollbar-face-color: #547867;
scrollbar-highlight-color: #547867;
scrollbar-shadow-color: #2f534d;
scrollbar-track-color: #A3c89E;">
<table cellpadding="0" cellspacing="0" style="width:500px;">
<tr>
<td align="left" valign="middle"><p align="justify" class="style31"> </p>
  <p align="justify" class="style31">ALL MY TEXT HERE </p>
  <p class="style31"> </p></td>
</tr>
</table>
</div></div>

THANKS!

 

[JsteRmX]

ok well i solved my problem! just thought i would report back what i did to fix it in case anyone else ever has this problem.

i changes overflow:auto to overflow:scroll

This made the scroll bars show no matter what.

and then to get rid of the horizontal scroll, I added
overflow-y:scroll; overflow-x:hidden;

So my final code looks like this:

<div align="center"><div style="overflow-y:scroll; overflow-x:hidden; height:200px; width:500px; scrollbar-base-color: #A3c89E;
scrollbar-arrow-color: #A3c89E;
scrollbar-3dlight-color: #2f534d;
scrollbar-darkshadow-color: #547867;
scrollbar-face-color: #547867;
scrollbar-highlight-color: #547867;
scrollbar-shadow-color: #2f534d;
scrollbar-track-color: #A3c89E;">
<table cellpadding="0" cellspacing="0" style="width:500px;">
<tr>
<td align="left" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th width="5%" scope="row"> </th>
    <td><p align="justify" class="style31">TEXT HERE</p></td>
    <td width="5%"> </td>
  </tr>
</table>
<p align="justify" class="style31"> </p>
  <p class="style31"> </p></td>
</tr>
</table>
</div></div>

hopefully someone else finds this useful