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]
-~----------~----~----~----~------~----~------~--~---
