Databases
StackOverflow2013
Postsdbo
POWhy do i have unwanted margin on top of my html page?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy do i have unwanted margin on top of my html page?
    text
    copied!<p>i keep getting unwanted top margin and cant remove it, i tried everything, this is affected one of my other projects as well, could find any solution. please help heres my html:</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; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;Joy The Designert&lt;/title&gt; &lt;link href="style1.css" rel="stylesheet" type="text/css" /&gt; &lt;/head&gt; &lt;body topmargin=0 marginheight=0&gt; &lt;div id="Wrapper"&gt; &lt;div id="topBanner"&gt;&lt;div class="container"&gt;&lt;h2&gt;top banner content&lt;/h2&gt;&lt;/div&gt;&lt;/div&gt; &lt;div id="nav"&gt;&lt;div class="container"&gt;Navigation Text&lt;?include ("navigation.php");?&gt;&lt;/div&gt;&lt;/div&gt; &lt;div id="featured"&gt;&lt;div class="container"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div id="info"&gt;&lt;div class="container"&gt;test&lt;/div&gt;&lt;/div&gt; &lt;div id="support"&gt;&lt;div class="container"&gt;test&lt;/div&gt;&lt;/div&gt; &lt;div id="footer"&gt;&lt;div class="container"&gt;testing footer&lt;?include ("footer.php");?&gt;&lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>and heres my css content:</p> <pre><code> @charset "utf-8"; /* CSS Document */ html { margin:!important 0px; padding:0px; } body { margin-top:!important 0px; margin-left:0px; margin-right:0px; margin-botton:0px; padding:0px; border:none; color: #292929; font-family: Arial,Helvetica,sans-serif; font-size: 81.25%; } #wrapper { margin:0px; Width:1000px; height:auto; } .container { width:900px; margin:auto; } #topBanner{ background-image:url(images/scr_gray-bkgd.png); background-repeat:repeat-x; height:44px; width:100%; } #nav{ height:72px; width:100%; padding color:#666666; background-color: #F5F5F5; border-bottom: 1px solid #FFFFFF; box-shadow: 0 -5px 5px #5A595D; color: #666666; font-weight: bold; height: 72px; } #featured { min-height:420px; width:100%; background: url(none) no-repeat scroll center top #ECECEC; border-bottom: 1px solid #FFFFFF; } #info{ background: url(images/gradient-bg.png); background-repeat:repeat-x; height: 256px; width: 100%; } #support{ background-color: #F5F5F5; border-top: 1px solid #FFFFFF; box-shadow: 0 5px 5px #5A595D; height:55px; width:100%; } #footer{ width:100%; height:150px; background-image:url(images/scr_gray-bkgd.png); background-repeat:repeat; } </code></pre>
 

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