Note that there are some explanatory texts on larger screens.

plurals
  1. POMy webpage is being framed with a 5 - 10 px border for some reason
    text
    copied!<p>Ive been having this issue accross a few projects im working on.</p> <p>im sure its a basic issue and ive tried looking for answers but to no avail.</p> <p>the code for the page in its entirity is:</p> <p>HTML</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;link rel="stylesheet" href="cssbin/default.css" type="text/css"&gt; &lt;/head&gt; &lt;body&gt; &lt;header&gt; &lt;/header&gt; &lt;nav&gt; &lt;/nav&gt; &lt;section&gt; &lt;/section&gt; &lt;footer&gt; &lt;/footer&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>CSS:</p> <pre class="lang-css prettyprint-override"><code>body { background-color: #B3BDE6; } header { height: 200px; background-color: #020C36; } nav { height:100px; background-color: #7A8FE6; } section { height:500px; background-color: #2B314D; } footer { height: 200px; background-color: #020c36; } body, header, nav, section, footer { border: 1px solid black; } </code></pre> <p>the webpage below shows what im talking about:</p> <p><a href="http://virtualharrogate.co.uk/template.php" rel="nofollow">http://virtualharrogate.co.uk/template.php</a></p> <p>in google chrome the page is framed, im not sure if this happens in every browser but i need to rectify the issue for chrome if nothing else... </p> <p>Im asking why the borders there (as im obviously missing the point of something somewhere) and how to fix the issue?</p> <p>ive tried styling the page with css properties <code>width: 100%; &amp; height: 100%;</code> but still nothing.</p> <p>thanks in advance</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