Here is a two column layout (it uses different background-color only to see the layout) The #rcol identifier will "grow" as more is added to it. Of course so will the "lcol" one too. But you can balance them by adding to one or taking away from the other.
In the CSS:
#lcol {float:left; margin-left: 15px;padding-left:10px; width:45%;background:#9c9;}
#rcol {float:right;width:45%;padding-left:2px;... background:#c9c;}
In the body the columns are identified
.......
and .........
there also is a CSS3 tag called "newspaper" that allows columns. You can get that code here:
http://demosthenes.info/blog/79/CSS-Layo...
I have used it and it works for two, three or more colums which you can size as you wish.
Hope this helps you,
Al
I've made a few changes: http://jsfiddle.net/khrismuc/3arn24g1/
Most importantly, I added a min-height to #leftcol, and added overflow: auto to #wrapper.
I'm trying to code a two column layout but so far it's not working out. This is what I hate so far http://freetexthost.com/466ruggt33
and this is the css
http://freetexthost.com/efyafbzbhi
what I have right now kind of gives me a really small column, but it messes up the rest of the page.
