Sent by Holly Bergevin on 22 December 2003 18:06
From: Dunstan Orchard [EMAIL-REMOVED]>
>Does anyone have any idea how I can deal with these floated images which
>are overlapping my right-hand column?
>
>http://www.1976design.com/blog/archive/2003/12/11/eggs/
YES!!!
Oh, and Hi Dunstan -
You have encountered IE-win's "Escaping floats" bug, as detailed in this demo (see below [1])
Aside from the fix I will provide for the float bug, there are a couple of other things (okay,
they're hacks) I will give you to make this page work for IE-win. The selectors should follow their
respective mates in your style sheet. Here's what you need -
- keeps the columns together, will cause scroll -
/* \*/
* html #container {width: 60em;}
/* */
- fix for float bug [Big John calls this the Holly hack ;p] -
/* \*/
* html #left {height: 1%;}
/* */
- fix for overlapping h3 and li marker -
/* \*/
* html body#post #cmnts h3,
* html body#post #cmnts-prvw h3 {padding-left: 1em;}
/* */
Each of the above selectors is wrapped in a mac-hack, cuz IE5-mac probably doesn't need these
fixes.
hth,
~holly
[1] http://www.positioniseverything.net/explorer/escape-floats.html
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
