Posted by vanbc on 10/10/09 11:54

Yeah, it's pretty rare to have tables side by side. The one I'm
working on is a calendar function that returns a table. 7 columns
representing each day and a row for each week.

I'm trying to figure out how to align a couple months in a single row
eg. April, May, June. It seems that you need specify the width or
float: left goes all the way to the left edge. As I mentioned before
nesting tables works perfectly.

Here's some code for a horizontal list with tables inside (as
suggested by a previous poster) that somewhat works...but not in IE.

thx again:)

<div align="center" style="background:yellow;">
<ul style="background: pink; padding: 0; margin: 0;">
<li style="display: inline;list-style-type: none; background: green;">
<table style="background: purple;display: table-row;">
<tr>
<td>one
</td>
<td>two
</td>
</tr>
<tr>
<td>three
</td>
<td>four
</td>
</tr>
</table>
</li>
<li style="display: inline;list-style-type: none; background: blue;">
<table style="background: orange;display: table-row;">
<tr>
<td>one
</td>
<td>two
</td>
</tr>
<tr>
<td>three
</td>
<td>four
</td>
</tr>
</table>
</li>
</ul>
</div>

[Back to original message]