HTML and CSS Reference
In-Depth Information
3. Creating a three column layout with a border in
between the columns
We'll build a layout with a single
#main
-
wrapper, one containing
all the
divs
. This approach complicates things a bit, but it also allows to tackle new
challenges. Please note that with this layout, the vertical borders will not
show in IE 6 and 7.
THE BASICS
We use the wrapper to create the background of the three columns. The left
and right borders of the wrapper will be used for the two side bars while its
background will be used for the main content.
