Equal height blocks with divs

Four fixed-width columns

Top left filler. Top left filler.

Top left filler. Top left filler.

Top left filler. Top left filler.

a
b

Top center filler.

Top center filler.

Top center filler.

Top center filler.

c
d

Top center 2 filler. Top center 2 filler.

Top center 2 filler. Top center 2 filler.

Top center 2 filler. Top center 2 filler.

e
f

Top right filler. Top right filler.

Top right filler. Top right filler.

Top right filler. Top right filler.

g
h

Bottom left filler.

Bottom left filler.

Bottom left filler.

Bottom left filler.

Bottom left filler.

i
j

Bottom center filler.

Bottom center filler.

Bottom center filler.

Bottom center filler.

k
l

Bottom center 2 filler.

Bottom center 2 filler.

Bottom center 2 filler.

Bottom center 2 filler.

Bottom center 2 filler.

Bottom center 2 filler.

m
n

Bottom right filler.

Bottom right filler.

Bottom right filler.

o
p

 

Notes

Works as described in the introduction.

Compatibility

Next: Appendix - Further notes on browser behaviour

Previous: Unequal columns with rounded corners

  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