Equal height blocks with divs

Unequal columns with rounded corners

Top left filler. Top left filler. Top left filler. Top left filler. Top left filler. Top left filler. Top left filler. Top left filler.

Top left filler. Top left filler. Top left filler. Top left filler. Top left filler. Top left filler. Top left filler. Top left filler.

Top left filler. Top left filler. Top left filler. Top left filler. Top left filler. Top left filler. Top left filler. Top left filler.

Top left info

Top left actionleft

Cezanne's Mont Sainte VictoireTop right filler. Top right filler. Top right filler. Top right filler. Top right filler. Top right filler.

Top right filler. Top right filler. Top right filler. Top right filler. Top right filler. Top right filler.

Top right filler. Top right filler. Top right filler. Top right filler. Top right filler. Top right filler.

Top right info

Top right info

Top right action

Bottom left filler.

Bottom left filler.

Bottom left filler.

Bottom left filler.

Bottom left filler.

Bottom left info

Bottom left action

Bottom right filler.

Bottom right filler.

Bottom right filler.

Bottom right info

Bottom right info

Bottom right action

 

Notes

Works as described in the introduction.

Compatibility

Next: Four fixed-width columns

Previous: Unequal columns

  1. Introduction
  2. Basic idea
  3. Coloured
  4. Rounded corners
  5. Coloured with rounded corners
  6. Three columns
  7. Three columns with rounded corners
  8. Borders
  9. Borders and clipped corners
  10. Borders and clipped corners - slight return
  11. Unequal columns
  12. Unequal columns with rounded corners
  13. Four fixed-width columns
  14. Appendix - Further notes on browser behaviour

CSS Stuff index | XHTML | CSS