2 replies [Last post]
franco_bao
Offline
Regular
Montreal, Canada
Last seen: 15 years 16 weeks ago
Montreal, Canada
Timezone: GMT-4
Joined: 2006-05-03
Posts: 21
Points: 0

I have been having problem in IE6 when I have an <em> tag span on two lines. The content in the right float div shifted below the left menu which was in another div that was floating to the left.

I had this problem with all my pages until I corrected it with a conditional comment and an adjustment to the width attribute in an IE6 stylesheet. Everything seemed fine except for a few pages.

When I stripped the content, the pages were ok. So the conclusion was that it must have been something in my content that caused this, So i stripped one paragraph at a time until I found that it was the <em> tag that caused this, but only when the <em> tag spanned on two lines or more. very strange. Can anyone give me some insight as to why.

I created a page with the shift problem, please click on the link below to have a visual of the problem. This is okay in Firefox.

http://www.interdoc.com/site/x_validation/em.htm

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 10 years 27 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

[Solved] &lt;em&gt; tag causes content shift

IE has some trouble with italicised fonts, you'll find an explanation at PIE.

franco_bao
Offline
Regular
Montreal, Canada
Last seen: 15 years 16 weeks ago
Montreal, Canada
Timezone: GMT-4
Joined: 2006-05-03
Posts: 21
Points: 0

Thank-you

Wow.. that was quick. I read the article and applied the fix. All is functioning well. Thanks. Really appreciate it.