Sent by Jeff Chastain on 13 October 2004 21:09
Sorry, posted this on the wrong thread ....
Not quite ... my desired layout looks something like this:
-------------------
| | 2 |
| | --------- |
| | | | | |
| | | 3 | 4 | |
| | | | | |
| 1 | --------- |
| | |
| | --------- |
| | | 5 | |
| | --------- |
-------------------
..box1 { float: left; width: 200px; }
..box2 ( margin-left: 200px; }
..box3 ( float: left; width: 100px; }
..box4 { margin-left: 100px; }
..box5 { clear: both; }
The problem happens when I insert a clearing element after box 3&4. In
FireFox, the clear just clears box 3&4, allowing me to place content in box 2
and everything is good. In IE, the clear element clears the entire page -
i.e. box 1 as well. Now, I have blown the entire layout instead of just
clearing the nested float (see below).
-------------------
| | 2 |
| | --------- |
| | | | | |
| 1 | | 3 | 4 | |
| | | | | | // BAD IE Result
| | --------- |
| | |
-------------------
-------------------
| 5 |
-------------------
Maybe this is a little clearer.
Thanks
-- Jeff
Quoting Jason Kohls [EMAIL-REMOVED]>:
> Hey Jeff,
>
> Is this what you're looking for?
>
> http://www.complexspiral.com/publications/containing-floats/
-------------------------------------------------
This mail sent through IMP: http://horde.org/imp/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
