A table, the width of the side–columns has been set via the td element. The table is liquid.

the left column

some contents; this is the left column. Repeating myself, this is the left column, a td.

the left box within the central column

Some text to fill it up; this box within the middle column is styled, for IE mac only with display:inline-block; width:72%;.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

the blue box on the right is styled, again, for IE mac, with display:inline-block; width:25%; float:right;.

the right box

Some contents; this is the right box within the middle column.

  • item one
  • item two

the right column

some contents; this is the right column. Repeating myself, this is the right column, a td.

The same table with the blue box being taller than the left box.

the left column

some contents; this is the left column. Repeating myself, this is the left column, a td.

The middle column

the left box within the central column

Some text to fill it up; this box within the middle column is styled, for IE mac only with display:inline-block; width:72%;.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

the blue box on the right is styled, again, for IE mac, with display:inline-block; width:25%; float:right;.

the right box

Some contents; this is the right box within the middle column.

  • item one
  • item two
  • item three
  • item four
  • item five
  • item six
  • item seven

the right column

some contents; this is the right column. Repeating myself, this is the right column, a td.

back to IE mac bugs and oddities