Two column layout - a bit special

[Veerle]

Hi,

I'm working on a new layout for my website. Each page consists of two
parts:
- a menu (left part of the page)
- the content (the remaining part at the right)

So I created two divs, set them both to float left and gave the
menu-div a fixed with.
This looks like this: http://users.skynet.be/louke/test.html
But this isn't what I want, the body part (green block) has to take up
all the remaining right part of the page. So there shouldn't be any
white visible any more.

I have been searching on google and came across a lot of pages
explaining how to do a two column layout for a page. But all of these
(the ones I've read anyway, and I've read a lot of them) achieve this
by putting a long text in the right div, so that it automaticaly
streches over the remaining part of the page.

I want the content-div to take up all the rest of the page, no matter
what is in it, so even when there is nothing in it, or just the word
"content".
Any ideas?

[Gus Richter]

Veerle wrote:

Hi,

what I want, the body part (green block) has to take up
all the remaining right part of the page. So there shouldn't be any
white visible any more.

I want the content-div to take up all the rest of the page, no matter
what is in it, so even when there is nothing in it, or just the word
"content".

Just drop the float declaration in #content.

--
Gus

[Veerle]

Gus Richter wrote:

Just drop the float declaration in #content.

Thanks a lot! Doing that, the right block now takes up all the
remaining space on the right.

But in internet explorer, there is a small gap between the two blocks:
http://users.skynet.be/louke/test_a.html.
I did set the margin and padding of the body and the two div blocks to
0px, but that doesn't seem to help at all? In firefox, there is no gap,
so there it is shown correct.

I could work around the gap by setting the body background color to the
same color as the background color of one of the div blocks, but
perhaps there is a better way to solve this?

[Gus Richter]

Veerle wrote:

Gus Richter wrote:

Just drop the float declaration in #content.

Thanks a lot! Doing that, the right block now takes up all the
remaining space on the right.

But in internet explorer, there is a small gap between the two blocks:
http://users.skynet.be/louke/test_a.html.
I did set the margin and padding of the body and the two div blocks to
0px, but that doesn't seem to help at all? In firefox, there is no gap,
so there it is shown correct.

I could work around the gap by setting the body background color to the
same color as the background color of one of the div blocks, but
perhaps there is a better way to solve this?

Perhaps this will help you:

<http://www.positioniseverything.net/explorer/threepxtest.html>

--
Gus

[pecan]

Gus Richter wrote:

Perhaps this will help you:

<http://www.positioniseverything.net/explorer/threepxtest.html>

Very interesting site, thanks.

CM

--
== Not nuts, just a little eccentric ==
http://www.africanbush.co.za
African Bush Tours and Safaris