StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POCSS HasLayout IE7 Bug
text
Body
copied!<p>First off, I've read the following articles, just to brush up on the issues and I've dealt with them before:</p> <p><a href="http://css-discuss.incutio.com/wiki/IE7#position:_relative_.2F_absolute_.2F_fixed" rel="nofollow">Position Relative / Absolute / Fixed in IE</a></p> <p><a href="http://www.brunildo.org/test/IE_raf3.html" rel="nofollow">http://www.brunildo.org/test/IE_raf3.html</a></p> <p><a href="http://www.satzansatz.de/cssd/onhavinglayout.html" rel="nofollow">http://www.satzansatz.de/cssd/onhavinglayout.html</a></p> <p>For some people with these problems might be new and the above will help, however in my case, I have the following in All non-IE browsers:</p> <p><a href="http://cl.ly/4n6F" rel="nofollow">http://cl.ly/4n6F</a> [image]</p> <p>And the following in IE7</p> <p><a href="http://cl.ly/4nYm" rel="nofollow">http://cl.ly/4nYm</a> [image]</p> <p>I understand that I need to trigger <code>hasLayout = true</code> on the large brown <code><div id="footer"></code> because it is <code>position: relative</code> which is triggering <code>hasLayout = false</code> in IE7. I've tried <code>zoom: 1</code>, and <code>display: inline-block</code> in attempt to trigger hasLayout on <code>#footer</code> but no success.</p> <p><strong>Here is the site live for your viewing pleasure:</strong> <a href="http://hannahnour.co" rel="nofollow">http://hannahnour.co</a></p> <p>The cause of the disappearing div is that hasLayout is currently <code>false</code> on <code>#footer</code>.</p> <p>How can I trigger it?!</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

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