Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy isn't min-width working for ie6?
    text
    copied!<p>I am coding exclusive ie6 css, wherein I am facing the problem. The footer does not take the min-width value whereas it accepts the fixed width value. I am using the repeat-x for an image and assigning a min-width value to it. The same thing I did with header div and it works perfectly fine. For example here is my code.</p> <p>Header HTML which I have used for the same purpose.</p> <pre><code>&lt;div id="header"&gt; &lt;!-- top-menu --&gt; &lt;div id="top-menu"&gt; &lt;div id="left-logo"&gt; &lt;a href="#"&gt;&lt;img src="img/logo-left.png" alt="BhatkalNews" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;div id="navigation"&gt; &lt;ul&gt; &lt;li class="contact"&gt;&lt;a href="#"&gt;&lt;img src="img/contact.png" alt="contact" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class="photo"&gt;&lt;a href="#"&gt;&lt;img src="img/photo.png" alt="photo"/&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class="video"&gt;&lt;a href="#"&gt;&lt;img src="img/video.png" alt="video" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div id="right-logo"&gt; &lt;a href="#"&gt;&lt;img src="img/logo-right.png" alt="BhatkalNews" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>And here is the css I have used.</p> <pre><code>#header { min-width: 1040px; height: 111px; background: url('../img/header-bg.jpg') repeat-x; } </code></pre> <p>and for the same purpose the footer code is.</p> <pre><code>&lt;div id="footer"&gt; &lt;/div&gt; </code></pre> <p>and the css</p> <pre><code>#footer { min-width:1040px; background:#36240A url('../img/footer.jpg') repeat-x; height:291px; } </code></pre> <p>Why isn't footer assigning the min-width? </p>
 

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