>At 01:43 PM 11/17/2005, David Agnew wrote:
>>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:
>
>Actually, the most pertinent CSS you have is mixed in with the markup:
>
><img src="../img/soccergame.jpg" width="400" alt="" style="float:
>right; margin: 0 0 4px 4px" />
>
>Note that there is no width on the float. Mac IE is the only
>browser that, by default, gives widthless floats 100% width, in
>slavish adherence to the mostly-superceded 2.0 version of the spec.
>That means there is no room for the image to be "to the right" of
>inline content. To make IE happy, you will need to declare a width
>on the float.
>
>HTH,
>
>
>-Adam Kuehn
Thank you, Adam. Nice explanation.
I'd read that someplace, but I thought:
<img src="../img/soccergame.jpg" width="400" alt="" style="float:
right; margin: 0 0 4px 4px" />
WAS declaring a width. But I moved it to the style
declaration, like so:
<img src="../img/soccergame.jpg" alt="" style="float: right; width:
400px; margin: 0 0 4px 4px" />
but IE Mac draws it the same as before. I've noticed that IE
Mac caches the stylesheet (or something), so I restarted IE, also
viewed the source (which indicated updated code).
hmmm...
______________________________________________________________________
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/
