I started out making an application that should have a layout such as the
following:
<table>
<tr>
<td>Categories</td>
<td>SubCategories</td>
</tr>
<tr>
<td>Categories Management</td>
</td>SubCategories Management</td>
</tr>
</table>
Note that the items in the 2nd row should be lined up together and below
everything in the first row. I started this project using CSS (and div
elements with id attributes) to position the elements. I had given width
values to Categories and SubCategories, and I used absolute positioning to
get SubCategories to the right of Categories. The problem, however, will
come if SubCategories contains more data than Categories, at which point it
would be on top of the next "row". Can anyone suggest a CSS alternative
that would give me the same layout as the table structure above, and would
ensure that the 2nd row of data was always below the Categories and
SubCategories?
Thanks!
Peter Foti