At 05:20 PM 3/14/2008 -0700, you wrote:
>How about making mid-container-inner a static div rather than floated,
>then floating one of the ul's left and the other ul floated right. See
>Will re-size gracefully in IE6 win, FF 2.0 and Opera 9.26
Thanks for your suggestion Jim. I have deployed it on this test page:
The floated lists inside the static container no longer drop below the
layout when the viewport is narrowed, but now I'm having problems placing
text below the container that stays below the container. I imagine this is
because the containing div does not have a height calculated for it because
the floats aren't really *there*. The cleared div in your example solves
the problem in IE but not Firefox. In FF, the clearing div is also clearing
the left/right layout columns -- forcing that bottom text below the layout.
I assigned a min-height to the container, which seems to help in FF.
Jim -- Do you know of a way to clear interior floated content that does not
also blow away a floated layout? This has been a regular problem in the
layout I'm forced to work within.
Thanks for your help! --julie
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/