You could use javascript to force the height of each child - depends how accessible the page needs to be.
Alternatively, you might be able to use "faux columns" to make it look like they're all the same height. Take a look at: http://www.alistapart.com/articles/fauxcolumns/ On 16 Aug, 17:44, KC <[email protected]> wrote: > FYI, I used the overflow:auto fix, rather than the clearfix: > > .subTabSection { > border-bottom:1px dashed #89959b; > background-color:#f7f7f7; > overflow:auto; > > } > > 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] -~----------~----~----~----~------~----~------~--~---
