I'm trying my first flexible-width design, began with a Dreamweaver CS4 template, hoping they'd have worked out cross-browser issues. I ran into float drop in IE6 in the main, middle section, and I narrowed it down: it happens if there's a blockquote and it doesn't happen if there's no blockquote.
On an Adobe page about Float Drop, http://tinyurl.com/2vacqh I found this line: "IE6 will also drop a float due to use of italicized text that should fit comfortably inside the box. The fix for that is to set word-spacing on the paragraph containing the italicized text to 1px." And I had set the blockquote to italic (the only formatting I added to the blockquote. So I added this: em {word-spacing: 1px;} But it didn't stop the float block. Can anyone help me understand not only how to fix this, but why it's happening? HTML and CSS were checked and validate with the w3c tools. Page with float drop in IE6: http://tinyurl.com/dczg8v Page with no float drop -- only difference is that I commented out the blockquote: http://tinyurl.com/aw4uly CSS (same in both pages): http://tinyurl.com/bjccgs Many thanks! Theophan Dort ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] 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/
