By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
428,816 Members | 2,151 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 428,816 IT Pros & Developers. It's quick & easy.

Internet Explorer extra space using float

P: n/a
yb
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>

Sep 29 '06 #1
Share this Question
Share on Google+
1 Reply


P: n/a
yb
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

Sep 29 '06 #2

This discussion thread is closed

Replies have been disabled for this discussion.