3Col_NN4_RWS_B header

Another NN4-compatible 3-column CSS layout.

Provides:

right A

Not very much text here either

center A

This layout is for cases when you can guarantee the central column will be tallest.

It is based on 3Col_NN4_RWS_A. It uses percentages to create liquid side columns but it is perfectly easy to use fixed widths instead.

It also shows that it is possible to add extra blocks of columns since no elements are absolutely positioned.

Works fully in:

  • IE 5 - 6 (PC)
  • IE5 (Mac)
  • Opera 5 - 7
  • Gecko-derived browsers
  • OmniWeb

Netscape 4 (NN4) looks slightly different because of the way it renders borders and leaves spaces between borders and the background colour. That said though, the layout structure and colours are all maintained. Some amount of "ghost space" may be seen inside the divs.

If you cannot guarantee that the central column will be the tallest, do not despair as there are two alternative layouts which can provide that flexibility - 3Col_NN4_RWS_C and 3Col_NN4_RWS_D.

Change Log

Middle text goes here

left B

Not very much text here

right B

Not very much text here either

center B

Text to ensure that this column is the longest

Text to ensure that this column is the longest

Text to ensure that this column is the longest

Text to ensure that this column is the longest

Text to ensure that this column is the longest