Home/ Questions/Q 8597321
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T00:53:15+00:00

I managed to obtain this kind of table layout: fixed – dynamic(50%) – dynamic(50%)

  • 0

I managed to obtain this kind of table layout:

fixed – dynamic(50%) – dynamic(50%) – fixed

http://jsfiddle.net/ihtus/ksucU/

enter image description here

But how do I get this kind? fixed – dynamic(30%) – dynamic(70%) – fixed

enter image description here

Here’s my CSS:

table {
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

td {
    border: 1px solid #333;
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Like this:

    <table>
    <tr>
      <td style="width:200px;">
        200px width - content
      </td>
      <td width="30%">
        dynamic width - content
      </td>
      <td width="70%">
        dynamic width - content
      </td>
      <td style="width:100px;">
         100px width - content
      </td>
    </tr>
  </table>

table {
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

td {
    border: 1px solid #333;
}

    http://jsfiddle.net/7dSpr/

    • 0