Hi,

I've been searching for this for a while, probably with the wring keywords, I couldn't find exactly what I was looking for.

How do you write this table in CSS:




I mean putting 4 divs for each cell. and How to stick those divs together? Is it as easy as tables? Works in all browsers?
Hope it is not with a simple float

Could be floats. What in a table do you want to mimic? If you want the parts to depend on eachother as with a table, that won't happen anytime soon.

Thanks for the reply
I always thought there is a CSS equivalent to HTML table.

You can accomplish the look, but not the functionality. I'm referring to, using your example, how content1 would also stretch, get higher, if content2 got more content. That won't happen with DIVs.

If you just want two columns with two sections in each, no problem. But the DIVs won't depend on eachother, cross-column-wise or cross-row-wise. Clear as mud, huh? Sorry, but I don't find the words to express what I mean. I claim ESL!

If you meant "putting 4 divs for each table", you can use the "display: table-cell" property: http://www.w3.org/TR/CSS21/tables.html#table-display


Haven't used it much, but it may even be easier.


IE8 is said to support it, but not IE7 and older. Other modern browsers seem to support it.

As a workaround for IE6/7 you can sometimes use "display: inline-block" on inline (but not block) elements, but then you must give them an explicit width. Firefox2 and older don't support "inline-block", so separate style sheets are needed.

lol tables ftw!

anyway, if table is outdated tag, if someone is using strict doc type, how can he achieve this 'stretchy-related' cells?


More here ^^

No, tables aren't outdated at all. Just the misuse of them. IMO they are used to seldom today. Can your data be seen as tabular? Use a table.

But I assume this is a pure layout table, right?



Those darn Anglo-Saxons, huh?

This isn't anywhere. It was a simple question.

I always liked tables. I guess mainly because the cells are stick together, So that I can "trust" them to stay where they should.

DIVs with floats or so, always scared me of their "moving" in different situations/browsers.


Sure