CSS not to offer.

I can not achieve the result when the two columns in the table, one of them 100 px, and the second fills the remaining space in width.

Code:

<table width="100%"> <tr> <td width="100px">Ячейка 1</td> <td width="100%-100px">Ячейка 2</td> </tr> </table>

A tricky trick with 100% -100px works, but, I'm afraid, just not on older browsers. There are other options?

  • try using display: table - soledar10
  • To register display: table for the table? - Rammsteinik

2 answers 2

http://jsfiddle.net/o8drfnaq/

http://jsfiddle.net/vn5vctwn/

  • Open your eyes, I did not offer css, I can do it myself on divas. - Rammsteinik
  • and you do not fall ill - soledar10
  • You can even on the good old float: jsfiddle.net/o8drfnaq/1 - etki

The second cell does not specify the width at all, it will naturally fill the entire remaining part of the table. And width = 100px is better to replace with width = 100.