CODEWITHSUNDEEP
htmlhtml-table
user2402509
user2402509

Reputation:

Fit column size html

I've been looking around but there's too much information about tables that's why I cannot find my answer.

I need 2 menus but with same top align. If I put different content on each columns each column has different height. I tried to set height inside td tags, table tags, modify padding and margin styles everywhere, but no way.

I need to do more than 50 menus, so I hope you can tell me a solution that's not <td height="150px"> or something like that, I need a solution through margin. Something close to a template.

Code: http://jsfiddle.net/3zqLT/1/

<table border="1"><tr><td>

<table><tr><td>
    Menu 1
<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>

</td></tr></table>

</td><td>

<table height="100%"><tr><td>
Menu 2
<ul>
<li>Item</li>
<li>Item</li>
</ul>

</td></tr></table>

</td></tr>
</table>

How can I do this?

Hope you can help me out.

Edit: The reason why I'm using tables is because I need some menus in the same height, from left to right, not from up to down.

Edit: I found a solution with divs and no table. But I'd like to know how to fix this with tables.

Upvotes: 0

Views: 88

Answers (1)

Paul van den Dool
Paul van den Dool

Reputation: 3212

Adding the following CSS code seems to help.

td {
  vertical-align: top;
}

If for any chance your new to CSS, here's some reading on how to implement CSS.

Upvotes: 1

Related Questions