Internet Explorer extra space using float

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

yb - 29 Sep 2006 16:05 GMT

Please try the example below
In Internet Explorer, when the mouse hovers between the right side of
the image and the left side of the text, the cursor changes (i.e.
Internet explorer is adding a tiny bit of space even though both
elements are float left)
I've tried setting margin, padding, and border to none, but doesn't
matter
This doesn't happen in firefox.
Is there an easy workaround? am I missing something? I htink this is an
IE bug.
-----------------
<html>
<head>
<style>
img, span { cursor : pointer; float : left; }
</style>
</head>
<body>
<div><img src="yourimagehere" alt="" width="50" height="50"/>
<span>Some Text</span></div>
</body>
</html>

Reply to this Message

yb - 29 Sep 2006 16:20 GMT

I need to adding padding to the left side of the the text, so one
solution is to double the left padding value of the span and position
it relatively from the left with the negative of the original padding
value

since the space IE is adding is so small, and from a few tests seems
constant, this at least works for my application, but I'm hoping theres
a better solution

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / September 2006

Internet Explorer extra space using float