[skymonkier]

I just have a simple problem concerning positioning, and using floating. I'm trying to position two divs right next to each other, and I've tried floating and not floating, both of which are in pictures below. I've tried Relative positioning, but I want this to be more of a fluid design than a hack job. I've attached the home page and CSS file, along with the images in a ZIP.

When Not Floating...


When Floating...

[BenignDesign]

1. You didn't attach the zip.
2. I don't download random files from members I don't know anyway.
3. What is the problem? What do you actually want this thing to do?

[RudiVisser]

The issue is that floated elements don't report their height to the parent container, because they're in a special floaty layout mode.

If you want to force your background to display past it, you can add a simple:

.clear {
    clear: both;
}

and then a <div class="clear"></div> underneath your other 2 floaty content elements, and it will work just fine.

[skymonkier]

Thank you, Rudi!
Also, to Benign, I'm sorry about the files, I thought I hit attach but I guess not. And also, I said that "I'm trying to position two divs right next to each other" and the pictures should have told you my obvious objective. Anyhow, thanks for spending a few seconds!

Cheers!
skymonkier