No replies
startingout
Offline
newbie
Last seen: 12 years 47 weeks ago
Joined: 2009-11-11
Posts: 2
Points: 4

Hi ya

This is really puzzling me big time. Im quite new to CSS, Can any one help me?

I have made a little web page which has two columns with liquid height. But...there is a space between the columns???
Do you know how to remove the space without fixing the width of both columns?

One other thing, why does the right column extend to the right hand side even though I have not set a width? (I want it to do this I just don't understand why it does)

Thanking you profusely in advance.

Here is the code I am using:

html,body { height:100%; margin:0; text-align:center; font:12px arial; }

#container { width:850px; height:100%; background:yellow; }
#header { width:100%; height:100px; background:#00aeed; }
#main { width:100%; height:75%;}
#navigation { float:left; width:200px; height:100%; background:#49bdef; }
#content { height:100%; background:#8dcff4; }
#footer { clear:both; height:27px; background:#d4ecfb; padding:6px; }

Liquid height and liquid width