No replies
talej
Offline
newbie
Last seen: 18 years 10 weeks ago
Joined: 2004-09-23
Posts: 1
Points: 0

Hi,

I am having troubles with the horizontal scrollbar showing when it shouldn't (in Mozilla) when I set overflow: auto on my div tag.... code is as follows:

<div class="list_row" style="bottom: 45px">
<table cellpadding="0" cellspacing="0" border="0" class="list_row">
<tr class="list_header">
<th>Name</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
</tr>
<tr>
<td><img src="includes/img/document.gif" width="18" height="18" align="absmiddle" alt="" /> Contact Us</td>
<td width="50">blah blah blah</td>
<td width="50" align="center">blah blah blah</td>
</tr>
</table>
</div>

and the CSS:

.list_header th {
border-left: 1px #ebebeb solid;
border-top: 1px #ebebeb solid;
border-right: 1px #999999 solid;
border-bottom: 1px #999999 solid;
padding: 5px;
text-align: left;
font-weight: bold;
background-image: url(img/list_header_grad.png);
background-repeat: x-repeat;
background-color: #cccccc;
}

div.list_row {
position: absolute;
top: 47px;
left: 15px;
right: 15px;
bottom: 0px;
border: 1px inset #b2b2b2;
overflow: auto;
}
table.list_row {
width: 100%;
}

.list_row tr {
background-color: #ffffff;
}

.list_row td {
padding: 3px;
border-right: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
cursor: pointer;
}

Any help at all would be very much appreciated...

Thanks.