I'm probably missing something obvious, but... I'm simply trying to get one or more images to float to the right of some text. It works on Firefox and Safari (MacOS), and in Firefox and IE6 (Windows) - but I have no luck with Mac IE5.
These pages illustrate the problem: http://www.vsi.cape.com/~dagnew/act/ http://www.vsi.cape.com/~dagnew/abt/beacon.php I'm using DTD XHTML 1.0 Transitional. The most pertinent CSS is: #contentbody { position: relative; /* ------ IE6 peekaboo tweak ------ */ clear: right; /* --------- else 'tabs' div is invisible! --------- */ padding: 6px 8px; background-color: #fff; color: #333;} #contentbody img { position: relative; } /* ------ IE6 peekaboo tweak ------ */ The style sheet is here: http://www.vsi.cape.com/~dagnew/lib/styles.css Moving the <img> around in the document flow hasn't helped. Assigning positioning to the adjacent <p> fixed the problem in Mac IE, but broke it everywhere else. I also tried the 'clearfix' hack* to no avail, and looked at http://css-discuss.incutio.com/?page=AlignLeftAndRight which didn't seem all that relevant (and it's example link was dead). All suggestions appreciated! *********************** *The following 'clearfix' hack was added to the stylesheet, but didn't help <http://www.positioniseverything.net/easyclearing.html>: added to #contentbody declaration: display: inline-table; /* Hides from IE-mac \*/ * html #contentbody {height: 1%;} #contentbody {display: block;} /* End hide from IE-mac */ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
