CSS question, please help!
 

This is driving me up the tree, and I can't figure it out. I have the following css design. The main content layer is float right, while the sidebar is a layer below with a large padding to keep it on the left side. Looks fine like that.

But if there's more content like here, you can see that the floating layer goes beyond the main and even the footer. How can I achieve that the damned layer extends properly?

I know I could do it the other way around, but I want the content to appear above the sidebar links in the HTML.

Please help me...

I'd help but I am forcing myself not to work today.. but here's a bump before I get another beer. :D

bump! anyone, please

Bump for Vlad.

Hm..... still waiting for CSS expert... ;)

Ok, first of all your html is wrong...

You're using <br /> to space out your paragraphs when you should be using <p>.

A fix for what you want to do, in a hahahahahaha-rigged manner, would be adding a height of 700px (height: 700px;) within #main.

But if you want it to work with any amount of text, i would suggest replacing those BR's with P's first and experimenting more. I'm no css/xhtml expert myself but I've done enough of my own projects to know that it is possible and it just requires a lot of fucking around with... and also, I know enough not to ask on GFY LOL.

Go to sitepoint.com and post in their CSS forum, or webmasterworld. You'll get better responses.

Use a table... Problem solved.

pure CSS designs are kind of silly. learn to use html better. :)

# Superior cross-browser, cross-platform and future compatibility
# Better control over the site content's presentation
# Increase accessibility for a wide range of browsers
# Faster access for low-bandwidth users.
# Improve user's experience on site
# Improve search engine visibility

yeah, pure css designs are kind of silly! :1orglaugh

Hah right.

Thanks galleryseek, I use those <br /> because they are xhtml compliant, and this is just a template anyway :)

I think it's rather a matter of just the div layer layout really. I will try with absolute positioning of the layers, instead of using the float.

No to mention easier to change layout across large sites and tons of pages and less overhead on the code - smaller page sizes. CSS ain't silly...