Home/ Questions/Q 6005221
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T01:22:10+00:00

Is it possible to make e.g. a 2×2 grid with divs that behaves like

  • 0

Is it possible to make e.g. a 2×2 grid with divs that behaves like a table when comes to resizing to fit the contents?

Like this

+-----------+
|  1  |  2  |
-------------
|  3  |  4  |
+-----------+

So for example if you write something in cell #1 and the width increases to fit the content, cell #3 is resized to so it has the same width as #1.
And Same for height so if you put linebreaks in #1 and height increases, #2 gets the same height too.

I know it can be done with display: table,table-row,table-cell but IE7 doesn’t support them.
Is there any workarounds (without JS) or a different solution?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Apart from putting a table inside a div itself, or 4 other divs inside the div, there is a CSS3 Grid Column property but it isn’t currently supported by any of the major browsers, you can see the information here

    The only other alternative I know (that I use in 1 site) is supported in all browsers except for IE, the CSS3 Multiple Columns property. I nest 2 divs inside a container div, 1 top and 1 down then use this property.

    I hope it helps.

    • 0