By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,766 Members | 1,261 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,766 IT Pros & Developers. It's quick & easy.

table within a floating div

P: n/a
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>ReallyReallyReallyReallyReallyReallyReallyReal lyLongText</td>
<td>ReallyReallyReallyReallyReallyReallyReallyReal lyLongText;</td>
<td>ReallyReallyReallyReallyReallyLongText</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>ReallyReallyReallyReallyReallyReallyReallyReal lyLongText;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>ReallyReallyReallyReallyReallyLongText</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>ReallyReallyReallyReallyReallyLongText</td>
</tr>
<tr>
<td>ReallyReallyReallyReallyReallyLongText</td>
<td>ReallyReallyReallyReallyReallyReallyReallyReal lyLongText</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>ReallyReallyReallyReallyReallyReallyReallyReal lyLongText</td>
</tr>
</table>

</div>

</div>
</body>

</html>

May 1 '07 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.