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 this demo:

http://www.jimdavis.org/test/list_this.html

Will re-size gracefully in IE6 win, FF 2.0 and Opera 9.26

Jim

On Fri, Mar 14, 2008 at 11:27 AM, Julie Wetherill <[EMAIL PROTECTED]>
wrote:

> I have a 3 col layout, with left/right columns floated. Inside the center
> column, I have nested a container div within which are 2 float more divs
> floated left. Within these I have vertical lists. The goal is 2 vertical
> lists sidebyside. Here is the page:
>
> http://hul.harvard.edu/oisnew/systems/oasis/upload.html
>
> In IE6, any squeezing of the viewport causes the entire center column to
> drop below the layout. This is not happening for other pages with
> unfloated
> content. The problem page has onboard styles in the header, which are:
>
> .mid-container {  border: 0;  float: left;  width: 95%;  border:
> 0;  margin: 0;  padding: 0 }
> .mid-container-inner { float: left;  width: 48%;  border: 0;  margin:
> 0;  padding: 0  }
> .mid-container-list {  padding-left: 0; margin-left: 0;  }
> .mid-container-list li {  padding-left: 0; margin-left: 1.5em;  }
>
> Any suggestions on how to prevent those inner floated divs from dropping
> below the layout?
>
> Thanks. --julie
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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/

Reply via email to