OK, the link you provided was great! The main div is now expanding to contain the tallest of the internal divs. However... I cannot get the shorter divs to fill all the way to the bottom of the container. Any suggestions? Thanks!
On Aug 13, 2:48 pm, Meander365 <[email protected]> wrote: > This sounds like another case for clearfix. > > "When a float is contained within a container box that has a visible > border or background, that float does not automatically force the > container's bottom edge down as the float is made taller. Instead the > float is ignored by the container and will hang down out of the > container bottom like a flag." > > http://www.positioniseverything.net/easyclearing.html > > Give clearfix a try and see how you get on - but it sounds like it > might work for you. > > On Aug 13, 7:57 pm, KC <[email protected]> wrote: > > > Hello~ > > > I have a fairly complicated web site that I am updating from tables to > > CSS. The entire system is dynamic, which makes it even more > > complicated! Right now, I am trying to make several floated divs fill > > up their parent container. The content of the first div will always be > > longer than the others, so I would like the container div to be the > > same height as the first div inside of it. The trick is, none of the > > heights can be fixed-- it is all completely dynamic. This is (sort of) > > what the code looks like right now: > > > .subTabSection { > > border-bottom:1px dashed #89959b; > > background-color:#f7f7f7; > > > } > > > <div class="subTabSection"> > > <div></div> > > <div></div> > > <div></div> > > </div> > > > The inner divs are floated dynamically according to their contents > > (all through ColdFusion and a DB). The width is not a problem, I have > > that figured out. The individual divs do have classes, but those are > > determined dynamically as well, and mostly just have to do with > > background color, etc. > > > The main problem I am having is that the subTabSection div is not > > expanding at all, and the inner divs seem to be floating on top of it, > > rather than within it. > > > Unfortunately, this is all in development, so I can't provide a URL, > > but if someone lets me know how to post an image, I could include a > > screenshot. Thanks for any suggestions! --~--~---------~--~----~------------~-------~--~----~ -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected] -~----------~----~----~----~------~----~------~--~---
