Dimitri Glazkov has made a prediction that we will see CSS Grid Positioning in IE 8. This would make a lot of sense due to the fact that:

• Alex Mogilevsky, and Markus Mielke, of Microsoft wrote the spec
• If Microsoft comes out with a browser that goes above and beyond, they will be able to get rid of the monkey on their back
• CSS grids are painful right now!

This module allows you to create a layout like this:

with:

It can be seen as a grid with 6 vertical lines and 2 horizontal lines.

We can use the grid lines to position the floating image

The statement “float:page top right” here positions the image at the top right corner of the page (as defined in [CSS3GCPM])

“width:3gr” makes image 3 “grid units” wide, where a “grid unit” is the distance between two adjacent grid lines. Each boundary between a column and a gap automatically produces a grid line, therefore to specify “two columns, including the gap between columns, but not including any gaps outside the columns” we can just say “3gr”.

You will see more detailed examples, with lots of gr’s (grid units).