Home/ Questions/Q 8646843
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T12:55:04+00:00

I use some DIV to create blocks with data inside. I’ve set them to

  • 0

I use some DIV to create blocks with data inside.
I’ve set them to “inline-block” because I want the div to adjust his width to the content.

IE8 adjust his width to my content but I have a weird problem.

If you go to this fiddle : http://jsfiddle.net/GvMW8/ and click to the first or second link, you can see that divs are overlapping.

If you go to this fiddle : http://jsfiddle.net/hhpRP/1/ and do the same operation, it works!

The only difference between these two fiddles are the ‘id’ attribute of the main divs.

I don’t understand why I have this problem, but can you tell me how to make it works with the inline-block display AND a div id?

Thanks for your help!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Looks like a little IE8 bug.

    Check out http://jsfiddle.net/willemvb/fjqUc/

    I added an extra class for the div around bigBlock and made it display: inline-block.
    I also shortened your javascript.

    This seemed enough to make IE8 listen 🙂

    • 0