Re: CSS and the three column format

On your footer Div, use clear:all; as this will break it down to it's own
line.

Example:

Header, plain div

First column of three column design add clear:left;

second and third are fine (I'm assuming you're just floating them next to
each other?)

Footer div with clear:all;

Should keep the layout structure you want.

HTH,

Marc David Johnson
mjohnson(at)marcdavidjohnson.com
http://www.MarcDavidJohnson.com
A little bit of everything ... and a whole lot of nothing.
http://mdj.inc <--- New.net address (info - v)
(http://www.qksrv.net/click-714870-1933347)
----- Original Message -----
From: "Ron Hall" <thorn(at)cc.mcgill.ca>
To: <hwg-techniques(at)hwg.org>
Sent: Thursday, August 09, 2001 11:29 AM
Subject: CSS and the three column format


>
>
> Howdy!
>
> I normally don't post - a lurker at herat, but now I have a
> question about 3 column format and CSS.
>
> I can get a 3 column format with no problem, but what I
> really want is a header and a footer with a 3 column format
> in-between.
>
> Something like this
>
> |                                            |
>         | <----------  Header ---------------------> |
>         |                                            |
>
>         |     -     | |       -      | |      -      |
>         |     ^     | |       ^      | |      ^      |
>         |     |     | |       |      | |      |      |
>         |           | |              | |             |
>         |   Col 1   | |     Col 2    | |    Col 3    |
>         |           | |              | |             |
>         |     |     | |       |      | |      |      |
>         |     |     | |       |      | |      |      |
>         |     v     | |       v      | |      v      |
>         |     -     | |       -      | |      -      |
>
>         |                                            |
>         | <----------  Footer ---------------------> |
>         |                                            |
>
> Now the header stuff I can accomplishe with <h1>..</h1> tags,
> but the footer does not end up where I would like it.
>
> Any hints would be appreciated.
>
>
> TIA
>
> As Always
>
> r
>
>

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA