Note that there are some explanatory texts on larger screens.

plurals
  1. POIE and HTML5 doctype issues
    primarykey
    data
    text
    <p>I'm using the great HTML5 boilerplate. It's a great project but I'm having some big issues rendering in IE 8 and 7 (possibly 8 but haven't tried yet)</p> <p>The files have the HTML5 doctype: </p> <pre><code>&lt;!doctype html&gt; &lt;head&gt; </code></pre> <p>But the problem is that having no full and ugly doctype like...</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; </code></pre> <p>I get all kind of rendering issues: centering by margin:auto doesn't work, heights, widths, martings and paddings all behave like crazy and all my layout is broken with just <code>&lt;!doctype&gt;</code> but if I switch to the old one, everything works great (well, not great, it's still IE, but as expected)</p> <p>HTML5 Boilerplate comes with Modernizer which I think should fix this but it's not working. From my "research" (Google) I found that IE enters in quirks mode width <code>&lt;!doctype&gt;</code>, so the question is...</p> <p><strong>Is there a way to prevent IE going into quirks mode with <code>&lt;!doctype&gt;</code>?</strong></p> <p>Or at least not to break margins, widths, paddings, etc?</p> <p><strong>Edit:</strong> This is the full head:</p> <pre><code>&lt;!doctype html&gt; &lt;!--[if lt IE 7]&gt; &lt;html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"&gt; &lt;![endif]--&gt; &lt;!--[if IE 7]&gt; &lt;html class="no-js lt-ie9 lt-ie8" lang="en"&gt; &lt;![endif]--&gt; &lt;!--[if IE 8]&gt; &lt;html class="no-js lt-ie9" lang="en"&gt; &lt;![endif]--&gt; &lt;!--[if gt IE 8]&gt;&lt;!--&gt; &lt;html class="no-js" lang="en"&gt; &lt;!--&lt;![endif]--&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; </code></pre>
    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.
 

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