ansaurus

Question

Html table how to make all columns same height

Answer 1

A:

If you get rid of the divs and apply your styles and content directly to the table cells you will get the effect you want.

Ray 2010-03-09 20:47:34

Answer 2

A:

In case there is no special purpose of using div tag inside td. I would just do it without div. add style to td tag.

Saar 2010-03-09 20:51:09

Answer 3

+2 A:

Like I've told plenty of other people, you shouldn't be using divisions inside table cells.

This will achieve the exact same effect, without the divisions:

<table style="width: 100%; text-align: justify;">
    <tr>
        <td style="margin-right: 15px; background-color: gray;">
            Some text here
        </td>
        <td style="margin-right: 15px; background-color: gray;">
            column 2 text here
        </td>
        <td style="margin-right: 15px; background-color: gray;">
            Column 3 text here
        </td>
        <td style="background-color: gray;">
            Last column text here
        </td>
    </tr>
</table>

animuson 2010-03-09 20:53:59

Answer 4

A:

Mamu, I would suggest that you do not use inline style elements. Instead of styling your table tags it would be far more efficient, and better to add the the following between your <head> tags:

<style type="text/css">
table    {width:100%; text-align:justify;}
table td {margin-right:15px; background-color:gray;}
</style>

Using only those two lines of code you can apply the same elements consistently across your entire website. If you only wanted to apply them to some elements, you could create classes by adding a "." to a name of your choice:

<style type="text/css">
.MyTable    {width:100%; text-align:justify;}
.MyTable td {margin-right:15px; background-color:gray;}
</style>

And add the following to your HTML:

<table class="MyTable">

Note that class names are case sensitive. But this reusable code is far more efficient.

Furthermore, I would urge to consider the use of tables only if you are presenting tabular data. Tables load slower and are not SEO friendly. It would not be semantically correct to use them for layout. You should separate content from presentation whenever possible, and if it is layout you are after I would suggest using divs and other elements instead.

Mel 2010-03-10 06:02:12

ansaurus

tags:

views:

answers:

Html table how to make all columns same height

related questions