Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>A code example fot the conditional comments that user eyelidlessness, kindly posted</p> <p>"[if lt IE 8]" only works if the browser is IE lower than IE8 because IE8 does it right. With the conditional comments IE7 arranges the DIVs nicely horizontally... HTML: </p> <pre><code> &lt;div class="container"&gt; &lt;!--[if lt IE 8 ]&gt;&lt;table&gt;&lt;tr&gt;&lt;![endif]--&gt; &lt;!--[if lt IE 8 ]&gt;&lt;td&gt;&lt;![endif]--&gt; &lt;div class="link"&gt;&lt;a href="en.html"&gt;English&lt;/a&gt;&lt;/div&gt; &lt;!--[if lt IE 8 ]&gt;&lt;/td&gt;&lt;![endif]--&gt; &lt;!--[if lt IE 8 ]&gt;&lt;td&gt;&lt;![endif]--&gt; &lt;div tabindex="0" class="thumb"&gt;&lt;img src="pictures\pic.jpg" /&gt;&lt;/div&gt; &lt;!--[if lt IE 8 ]&gt;&lt;/td&gt;&lt;![endif]--&gt; &lt;!--[if lt IE 8 ]&gt;&lt;td&gt;&lt;![endif]--&gt; &lt;div class="link"&gt;&lt;a href="de.html"&gt;Deutsch&lt;/a&gt;&lt;/div&gt; &lt;!--[if lt IE 8 ]&gt;&lt;/td&gt;&lt;![endif]--&gt; &lt;!--[if lt IE 8 ]&gt;&lt;/tr&gt;&lt;/table&gt;&lt;![endif]--&gt; &lt;/div&gt; </code></pre> <p>My CSS </p> <pre><code>.link { display:table-cell; vertical-align:middle; } div.container { margin: 0 auto; display:table; } .thumb { display:table-cell; float: left; text-align: center; } </code></pre> <p>IE 8 and 9 Work with the CSS as does FireFox. IE7 looks now the same using the Table and TD &amp; TR tags. On some pages IE 8 worked only 20% of the time, so I used [if lt IE 9 ]</p> <p>This also helps smoothing out vertical-align issues that IE7 can't handle.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload