Return to Snippet

Revision: 38857
at January 8, 2011 23:08 by ftcb


Updated Code
/* CSS */
.block { width:100px; display:inline-block; margin:5px; background:blue }

<!--[if IE 7]>
.block { display:inline; }
<![endif]-->

/* HTML */
<div>
<div>
    <div class="block">This is Block</div>
    <div class="block">This is Block</div>
    <div class="block">This is Block</div>
    <div class="block">This is Block</div>
    <div class="block">This is Block</div>
</div>
</div>

Revision: 38856
at January 8, 2011 23:02 by ftcb


Initial Code
/* CSS */
.block { width:100px; display:inline-block; margin:5px; background:blue }

<!--[if IE 7]>
.block { display:inline; }
<![endif]-->

/* */
<div>
<div>
    <div class="block">This is Block</div>
    <div class="block">This is Block</div>
    <div class="block">This is Block</div>
    <div class="block">This is Block</div>
    <div class="block">This is Block</div>
</div>
</div>

Initial URL

                                

Initial Description

                                

Initial Title
Internet Explorer 7 - Display inline-block problem

Initial Tags
css

Initial Language
CSS