Trouble getting two <div> columns to align

[Scott Bell]

http://www.scottbell.org/sunrise/
http://www.scottbell.org/sunrise/css/v2.css

On the above URL I'm trying to get a sidebar menu on the right to align
with the page text except it seems to sit just underneath the text
instead. Can anyone suggest what I need to do? I've tried playing with
float: and clear:, I've managed to get the two aligned but the
container gets a 0 height when I need it to change with the text.

TIA,

Scott

[Richard]

On 18 Feb 2005 14:04:43 -0800 Scott Bell wrote:

http://www.scottbell.org/sunrise/
http://www.scottbell.org/sunrise/css/v2.css On the above URL I'm trying to get a sidebar menu on the right to align
with the page text except it seems to sit just underneath the text
instead. Can anyone suggest what I need to do? I've tried playing with
float: and clear:, I've managed to get the two aligned but the
container gets a 0 height when I need it to change with the text. TIA, Scott

For one, you have #container set to 630px wide.
Then #central is set to 620px wide.
#sidebar is set to 160px wide.
620+160=780 So with the container being fixed, something has to give.
You also show a margin-left of 440 while the division is floated right.
630-440=190.
You need to keep track of your math so everything falls into place.
I would suggest removing the margin-left in #sidebar.
And it might help if you tell the browser which units to use.
Why are you using only 50% or less of the space?

[Scott Bell]

Richard wrote:

For one, you have #container set to 630px wide.
Then #central is set to 620px wide.
#sidebar is set to 160px wide.
620+160=780 So with the container being fixed, something has to give.
My HTML/CSS was pretty buggy actually. The #central <div> was supposed
to be a container but that wasn't even closed, not sure why I even had
a #central. I rewrote the HTML/CSS pretty much from scratch and it now
works, so I'm guessing there was a problem with my math somewhere.
You also show a margin-left of 440 while the division is floated right. 630-440=190.
You need to keep track of your math so everything falls into place.
I would suggest removing the margin-left in #sidebar.
And it might help if you tell the browser which units to use.
Why are you using only 50% or less of the space?