Sent by Jim Davis on 15 March 2008 00:12
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-REMOVED]>
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-REMOVED]]
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/
