Home/ Questions/Q 7082807
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T07:06:01+00:00

I have an HTML table that has rows added in a PHP loop. This

  • 0

I have an HTML table that has rows added in a PHP loop. This is what the loop body looks like

<tr>
    <td style="width:220px"><?php echo $a; ?></td>
    <td style="width:150px"><?php echo $b; ?></td>
    <td style="width:70px"><?php echo $c; ?></td>
    <td style="width:70px"><?php echo $d; ?></td>
</tr>

The problem is, when the contents in the second column of any row are slightly large, the width of the second column exceeds 150px, and to compensate the width of the first column reduces. How can I prevent that from happening. I want to widths to not change, and if the contents in any particular cell are too large to fit, the height should increase to accomodate.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    you should try this CSS instruction:

    td { word-wrap: break-word; }

    that works in many browsers (yes, including IE 6, even IE 5.5 but not Fx 3.0. It’s only recognized by Fx3.5+. Also good for Saf, Chr and Op but I don’t know the exact version for these ones) and don’t do any harm in the other ones.

    If table’s width is still messed up, there is also:

    table { table-layout: fixed; }
th, td { width: some_value; }

    that will force the browser to use the other table algorithm, the one where it doesn’t try to adapt many situations including awkward ones but stick to what the stylesheet says.

    • 0