On Jan 7, 2006, at 10:11 PM, Joe Friend wrote:
> I'm missing something. I know it, but I can't find
> it. Need another set of eyes. It's one of those 'it
> works in IE but not Firefox' sort of issues but I only
> use Firefox so it's bugging me.
>
> I'm having a DIV in a DIV issue where the parent is
> not resizing to the contents of the container. Here
> is the link: http://www.burnbaby.net/manifesto.htm if
> anyone feels like popping their eyes over to it. I
> tried the validator, went through the archives here,
> read a bunch of Eric's articles- no dice.
>
> Thanks, in advance, for any replies.
Hi Joe.
It looks like you're floating both the children of #middlebox. If an
item is floated, it's non-floating container should *not*
automatically expand to contain it. IE does this, but it's a bug.
Firefox is exhibiting the proper behavior, which is giving the
container the minimum height you assigned it.
There are a couple of ways to fix this.
First, you could float the #middlebox. Floating elements WILL expand
to the height of their floated contents. You just need to make sure
that the footer has clear: both on it.
Second, you could auto-clear the #middlebox. This is a bit of a hack,
but the formula is straightforward:
#middlebox:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #middlebox { height: 1%; } /* For IE */
Hope this helps. Good luck!
Matthew Levine (http://www.infocraft.com/)
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
