div tag positioning issues

Hi

I'm coding a page which has the following layout.

<div id="header">
header
</div>
<div id="navigation">
navigation
</div>
<div id="content">
<div id="column one ">column one</div>
<div id="column two">column two</div>
<div id="column three ">column three</div>
</div>

The issue arises because the header of the site needs to grow and contract
with the content in it, so I can't give column's one two and three absolute
positions because these change with the height of the header, I have tried
giving each a relative position with a negative top value, which positions
everything in the right place and the content moves up and down with the
header, but this results on a lot of extra white space at the bottom of the
page.

If anyone has got any solution, ideas I would be indebted.

Cheers Jeff

Jeff Butler wrote:

The issue arises because the header of the site needs to grow and contract
with the content in it, so I can't give column's one two and three
absolute positions because these change with the height of the header

Put them inside a container in normal flow (i.e. so it sits after the
header) and position them inside that (i.e. by utting position: relative on
the container).

--
David Dorward http://dorward.me.uk/

On Wed, 8 Oct 2003 14:12:53 +1300, "Jeff Butler" <jeffis (AT) itagain (DOT) co.nz>
wrote:

The issue arises because the header of the site needs to grow and contract
with the content in it, so I can't give column's one two and three absolute
positions because these change with the height of the header, I have tried
giving each a relative position with a negative top value, which positions
everything in the right place and the content moves up and down with the
header, but this results on a lot of extra white space at the bottom of the
page.

If anyone has got any solution, ideas I would be indebted.

Use floats. I have a couple of example layouts on my site (see sig) that
might offer some inspiration.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/

Hey Stephen,

Thanks for your help, that worked perfectly.

Cheers Jeff


"Stephen Poley" <sbpoleySpicedHamTrap (AT) xs4all (DOT) nl> wrote

On Wed, 8 Oct 2003 14:12:53 +1300, "Jeff Butler" <jeffis (AT) itagain (DOT) co.nz
wrote:

The issue arises because the header of the site needs to grow and
contract
with the content in it, so I can't give column's one two and three
absolute
positions because these change with the height of the header, I have
tried
giving each a relative position with a negative top value, which
positions
everything in the right place and the content moves up and down with the
header, but this results on a lot of extra white space at the bottom of
the
page.

If anyone has got any solution, ideas I would be indebted.

Use floats. I have a couple of example layouts on my site (see sig) that
might offer some inspiration.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/