Is there an equivalent XAML Grid element in HTML / CSS?

Question

I have a lot of experience with WPF, XAML, etc. However, I need to create something in HTML / CSS / JS.

In WPF, but also in Silverlight, there is a very universal element, which is a "grid". This is essentially a list that contains a visual object that will be ordered according to the definitions of a row / column collection.

Here is an example (simple IMHO) for non-xaml addicted:

http://wpftutorial.net/GridLayout.html

I believe that this is the most important control for controlling the layout of the visual.

Now I'm wondering if there is any equivalent “component” for the web world, perhaps simple and clean: not tons of code for such a simple problem. In other words, I do not want to rely on such frameworks as ASP.Net, ExtJS or else. Just a guide, with a minimal sector of HTML / CSS / JS.

It relies heavily on the latest browsers.

Thank you very much in advance.

Answer 1

Well, I found one myself, although it is still under development: at the moment it seems that only IE10 implements it.

http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/hands-on_grid.htm

I really hope that this feature will not be broken down into a short one.