Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You haven't specified the IE version you're testing with, but your code appears to work fine in IE9 and higher, so I'm going to assume you're testing in IE8.</p> <p>Given that, there are is one main problem I can see that will be breaking your site:</p> <p><code>&lt;nav&gt;</code> and other new HTML5 elements are not supported as standard by IE8 or earlier. Using them will break your layout and cause other glitches.</p> <p>You have two options: Either replace the <code>&lt;nav&gt;</code> and any other HTML5 elements with old-style <code>&lt;div&gt;</code> elements, or use a polyfill like <a href="http://code.google.com/p/html5shiv/" rel="nofollow noreferrer">html5shiv</a> or <a href="http://modernizr.com/" rel="nofollow noreferrer">Modernizr</a>, both of which will fix the problem in IE8 and make these elements work as normal.</p> <p>Hope that helps.</p> <p><strong>[EDIT after OP clarified his IE version as IE10]</strong></p> <p>The other possibility is that it's displaying the page in compatibility mode or quirks mode.</p> <p>You can check the browser mode by pressing F12 to bring up the Dev Tools window; the mode information will be shown at the top of the window. If it's in either Quirks mode or compatibility mode (ie if it's in anything other than IE10 Standards mode) then there's a strong probability that this is the cause.</p> <p>If it's in quirks mode, it's because your HTML isn't standards compliant. Most of the time, adding a valid doctype to the top of the page will fix this (you can use <code>&lt;!DOCTYPE html&gt;</code> as the easiest valid doctype). You should also check for other errors in your HTML by running it through the <a href="http://validator.w3.org" rel="nofollow noreferrer">W3C Validator</a> and fixing the errors it reports. (if the code you've posted is your whole code, then you're missing the <code>&lt;html&gt;</code> and <code>&lt;body&gt;</code> tags for starters, which is definitely not good).</p> <p>If it's in compatibility mode (eg "IE7 Standards"), then you can fix this by adding an <code>X-UA-Compatible</code> meta tag to your <code>&lt;head&gt;</code> section. (see <a href="https://stackoverflow.com/questions/12149353/why-does-webpage-display-in-ie8-browser-mode-and-ie7-document-mode/12149504#12149504">my answer here</a> for more info on why this might be happening and what to do to fix it).</p>
    singulars
    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. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      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