CSS Parent / Child Lengths

[Gator_Developer]

Alright,

I'm developing a site with a two counter gradients. The background has one and the main content container has another.

The content in the window is dynamically generated, so I don't know what the length will be. I've set it to a minimum to ensure that it's the right length, but the main content container doesn't get longer as its children's length increases. Thus, there is a gap between the gradient and the footer.

As an aside, the site has to be designed for 800x600 and must work with IE6. Otherwise, I'd try child selectors.

Any help is VERY much appreciated!

Thanks!

[ray326]

Give us a link.

[Gator_Developer]

http://new.mammacare.com/dev

Right now, the RED only goes as far as the content in the main container, NOT the length of the child container...

[ray326]

One big thing you need to read up on is clearing floats and how absolute positioned and floated blocks don't "push" against their containers. Start by changing your .main to

.main {
margin: 0 160px;
width: 550px;
}

[Gator_Developer]

I made the change you suggested to .main and it really messed everything up... was that ALL that was supposed to be in .main?

Any ideas why it's not flowing? I tried clear: both, and that didn't work either...