IE7 solution

Anton Andreasson's Avatar

Anton Andreasson

20 Apr, 2010 01:48 PM

Hi, got a fix for IE7 (which has an issue with non-width floats within floats):

Replace the .prepend() function for the close-link with .append() instead and set float:none in the CSS. Not only does this work, it's better for screen readers (with the close link after the tag content) too :)



  1. Support Staff 1 Posted by Drew Wilson on 17 May, 2010 07:42 PM

    Drew Wilson's Avatar

    I have changed the code to use an "append()" method... however, removing the float:right in the CSS causes a vertical shift in all modern browsers. SO I will not change the CSS as you suggested. Since IE7 is an old and not modern browser, you can write an IE7 specific CSS override if you want. But I will not design or write code for IE7 :) It's not good for the web :)
    thanks man!

  2. Drew Wilson closed this discussion on 17 May, 2010 07:42 PM.

  3. Anton Andreasson re-opened this discussion on 18 May, 2010 06:30 AM

  4. 2 Posted by Anton Andreasso... on 18 May, 2010 06:30 AM

    Anton Andreasson's Avatar

    I know. I had to compensate some paddings (guess you could try with line-height too) and got it working. Let me know if you want my values.

    IE7 was critical for my client, otherwise I'm with you all the way ;)

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:


Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac