RNGeer
asked on
Horizontal Scrollbars not working in IE Browsers
I am trying to develop a fluid layout to contain data in table cells that will have both vertical and horizontal scrolling. At this point I can only get the vertical to work in IE. When a cell is full of information it will not scroll horizontally. Here is the code for the simple table:
Any ideas on this or a better way to present the data would be great.
Any ideas on this or a better way to present the data would be great.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<table border=1 width=100% height=100% cellspacing=5px cellpadding=5px>
<tr height=60%>
<td>
<table border=1 width=100% height=100% cellspacing=5px cellpadding=5px>
<tr>
<td width=40%>
<div style="overflow:auto; height:100%;">
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
</div>
</td>
<td width=20%>
<table border=1 width=100% height=100% cellspacing=5px cellpadding=5px>
<tr height=60%>
<td>
<div style="overflow:auto; height:100%;">
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
</div>
</td>
</tr>
<tr height=40%>
<td>
<div style="overflow:auto; height:100%;">
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
</div>
</td>
</tr>
</table>
</td>
<td width=40%>
<div style="overflow:auto; height:100%;">
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr height=40%>
<td>
<table border=1 width=100% height=100% cellspacing=5px cellpadding=5px>
<tr>
<td width=14%>
<div style="overflow:auto; height:100%;">
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
</div>
</td>
<td width=14%>
<div style="overflow:auto; height:100%;">
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
</div>
</td>
<td width=14%>
<div style="overflow:auto; height:100%;">
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
</div>
</td>
<td width=14%>
<div style="overflow:auto; height:100%;">
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
</div>
</td>
<td width=30%>
<div style="overflow:auto; height:100%;">
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
</div>
</td>
<td width=14%>
<div style="overflow:auto; height:100%;">
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
This is a sample line of text.<br>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.