/    Sign up×
Community /Pin to ProfileBookmark

IE6 content edge padding issue

Copy linkTweet thisAlerts:
Feb 04.2004

I’m having an issue of extra padding above and below inline text in span tag with IE6. It seems that the content edge of my box doesn’t hug the contents as the text size shrinks below 18px. To see an example, go to:

[url]http://www.joebaz.com/test.html[/url]

It works fine in Netscape 7, but IE is, of course, giving me a hassle. Any work arounds for this?

Thanks

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@tomwojFeb 04.2004 — I believe it is because you didn't specify a line height. So IE uses it's default line height. Which isn't noticeable at 18px, but becomes noticeable with a smaller font.

[I]<span style="background-color: Yellow; font-family: Verdana; font-size: 12px; line-height: 12px;">[/I]
Copy linkTweet thisAlerts:
@supergregauthorFeb 04.2004 — I've played with the line-height before, and it produced unpredictable results in both browsers. I did it for kicks in my test page (I matched the line-height with the font-size):

http://www.joebaz.com/test.html
×

Success!

Help @supergreg spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...