Note that there are some explanatory texts on larger screens.

plurals
  1. POAbout style images in Internet Explorer 8
    primarykey
    data
    text
    <p>Hi I'm styling a small website and it renders perfectly on IE9 Crome and Firefox. But not in IE8. te images do not feet on the design and they go off-limits. html fragments:</p> <pre><code>&lt;div id="MainImage1"&gt;&lt;img src="Stores/DigitalExperience/ArticleImages/mainBanner.jpg" border="0" width="100%"&gt;&lt;/div&gt; &lt;div id="product-table"&gt; &lt;div id="product1" class="product-column"&gt; &lt;a href="Main.asp?D=%7BF526E79F%2D78C3%2D4703%2D9CF5%2D4CEF53FCD0D7%7D&amp;amp;PageType=Product&amp;amp;SKU=GAL-I9190-WHT"&gt;&lt;img src="Stores/DigitalExperience/ProductImages/S4MINIWHT_small.jpg" valign="middle" border="0"&gt;&amp;nbsp;SAMSUNG GALAXY S4-WHITE&lt;/a&gt; &lt;/div&gt; &lt;div id="product2" class="product-column"&gt; &lt;a href="Main.asp?D=%7BF526E79F%2D78C3%2D4703%2D9CF5%2D4CEF53FCD0D7%7D&amp;amp;PageType=Product&amp;amp;SKU=GAL-I9500-BLK"&gt;&lt;img src="Stores/DigitalExperience/ProductImages/s4-i9500_small.jpg" valign="middle" border="0"&gt;&amp;nbsp;GALAXY SAMSUNG S4 BLK&lt;/a&gt; &lt;/div&gt; &lt;div id="product3" class="product-column"&gt; &lt;a href="Main.asp?D=%7BF526E79F%2D78C3%2D4703%2D9CF5%2D4CEF53FCD0D7%7D&amp;amp;PageType=Product&amp;amp;SKU=UA32F5500-1-000"&gt;&lt;img src="Stores/DigitalExperience/ProductImages/UA32F5500_small.jpg" valign="middle" border="0"&gt;&amp;nbsp;32 INCH LED TV&lt;/a&gt; &lt;/div&gt; </code></pre> <p>then the CSS that styles this code is this:</p> <pre><code>#MainImage1 { border-style: solid; border-width: 1px; border-color: #0000ff; -webkit-border-top-right-radius: 25px; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-topright: 25px; -moz-border-radius-bottomleft: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; margin: 0; padding:0; } #product-table{ display: table; } #product-table .product-column { -webkit-border-top-right-radius: 25px; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-topright: 25px; -moz-border-radius-bottomleft: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-style: solid; border-width: 1px; border-color: #0000ff; display: table-cell; width: 30%; padding: 10px; } #product-table .product-column:nth-child(even) { background: #ccc; } #product-table .product-column:nth-child(odd) { background: #eee; } TD.MainAreaText img { -webkit-border-top-right-radius: 25px; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-topright: 25px; -moz-border-radius-bottomleft: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; position: relative; } </code></pre> <p>any Idea about how to make this code render decently in IE8, I do not need the round border for now in IE8, I Only need that the website images feet in the design. Thank you in advanced</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.
 

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