|
Posted by kudos2me on May 1, 2007, 5:09 am
Please log in for more thread options
Hi there, would really appreciate your help on this one. The code
below renders how i want it to on IE7 and Firefox and i'd it like to
render the same way in IE6 where I'd like the table floats left of the
sidebar and scrolls horizontally across the page. Unfortunately the
div that contains the table clears to the bottom of the div sidebar in
IE6. If anyone could give me some pointers or directions, I'd
appreciate it very much. Thanks in advance.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>floatingtable test</title>
</head>
<body >
<div style="float: left; border: 1px dotted aqua; width: 99%;">
<div style="float: left; width: 200px; height: 200px; border: 1px
solid red;">
</div>
<div style="float:left; height:300px; width: 400px;border: 1px solid
blue;">
<table style="width: 100%" border="1" bordercolor="pink">
<tr>
<td>ReallyReallyReallyReallyReallyReallyReallyReallyLongText</td>
<td>ReallyReallyReallyReallyReallyReallyReallyReallyLongText;</td>
<td>ReallyReallyReallyReallyReallyLongText</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>ReallyReallyReallyReallyReallyReallyReallyReallyLongText;</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>ReallyReallyReallyReallyReallyLongText</td>
<td> </td>
<td> </td>
<td> </td>
<td>ReallyReallyReallyReallyReallyLongText</td>
</tr>
<tr>
<td>ReallyReallyReallyReallyReallyLongText</td>
<td>ReallyReallyReallyReallyReallyReallyReallyReallyLongText</td>
<td> </td>
<td> </td>
<td>ReallyReallyReallyReallyReallyReallyReallyReallyLongText</td>
</tr>
</table>
</div>
</div>
</body>
</html>
| 
XML Sitemap