Previous Message
Next Message

IE margin/padding problem when floating image to left of text

Sent by Tim Snadden on 3 July 2009 21:09


On 4/07/2009, at 6:08 AM, Doug Stumberger wrote:

> Problem description:
>
> Text that is to the right of a left-floated IMG tag in a "stream_item"
> article description is offset horizontally in Internet Explorer 7, 8  
> but not
> in Firefox or Safari. The top of the text to the right of the image  
> should
> be even with the top of the image.
>
> Site: www.raceonedesign.com <http://www.raceonedesign.com/>   : see  
> on the
> front page the article descriptions that include images, such as the  
> second
> description in the left-most column, "Play by Play: CYC Lake  
> Washington
> Spring Series Thistle Race 7." In Firefox/Safari, the top of the text
> portion of the description is flush with the top of the image. In  
> IE, it is
> offset horizontally down by approximately 1em.

If you float .stream_header left it will fix the problem.

I recommend validating your markup.
<http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.raceonedesign.com%2F 
 >

If you aren't able to fix these problems I would recommend not using  
xhtml.

Tim
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread: