How to remove margin space around body or clear default css styles

Question

I am admittedly a beginner  but I also did a fair amount of searching before posting this  There seems to be extra space around my div element  I also would like to point out that I tried many combinations of border  0  padding 0  etc  and nothing seemed to get rid of the white space   Here is the code    lt html gt   lt head gt       lt style type  text css  gt           header div                background   0A62AA              height  64px              min-width  500px                      vipcentral logo   float left   margin  0 0 0 0             intel logo        float right  margin  0 0 0 0         lt  style gt   lt  head gt   lt body gt       lt div id  header div  gt           lt img src  header logo png  id  vipcentral logo  gt           lt img src  intel logo png  id  intel logo   gt       lt  div gt   lt  body gt      This is what it looks like  I inserted red arrows to explicitly call out the extra space      I was expecting the blue color to abut directly to the browser edges and toolbar  The images are both exactly 64 pixels tall and have the same background color as the one assigned to  header div  Any information would be greatly appreciated

User · Answer

That s the default margin padding of the body element   Some browsers have a default margin  some a default padding  and both are applied as a padding in the body element   Add this to your CSS   body   margin  0  padding  0

User · Answer

I found this problem continued even when setting the BODY MARGIN to zero   However it turns out there is an easy fix  All you need to do is give your HEADER tag a 1px border  aswell as setting the BODY MARGIN to zero  as shown below   body   margin 0px     header   border 1px black solid      If you have any H1  H2  tags within your HEADER you will also need to set the MARGIN for these tags to zero  this will get rid of any extra space which may show up   Not sure why this works  but I use Chrome browser  Obviously you can also change the colour of the border to match your header colour

User · Answer

I had the same problem and my first  lt p gt  element which was at the top of the page and also had a browser webkit default margin  This was pushing my entire div down which had the same effect you were talking about so watch out for any text-based elements that are at the very top of the page    lt  DOCTYPE html gt   lt html gt     lt head gt       lt meta charset  utf-8  gt       lt title gt My Website lt  title gt     lt  head gt     lt body style  margin 0   gt         lt div id  image  style  background  url pixabay-cleaning-kids-720 jpg   no-repeat  width  100   background-size  100  height 100vh  gt   lt p gt Text in Paragraph lt  p gt         lt  div gt       lt  div gt     lt  body gt   lt  html gt    So just remember to check all child elements not only the html and body tags

User · Answer

Go with this  body       padding 0px      margin 0px

User · Answer

try removing the padding margins from the body tag   body  padding 0px  margin 0px

User · Answer

body has default margins  http   www w3 org TR CSS2 sample html      body   margin 0       Remove body margins      Or you could use this useful Global reset       margin 0  padding 0  box-sizing border-box      If you want something less   global than   html  body  body div  span  object  iframe  h1  h2  h3  h4  h5  h6  p  blockquote  pre  abbr  address  cite  code  del  dfn  em  img  ins  kbd  q  samp  small  strong  sub  sup  var  b  i  dl  dt  dd  ol  ul  li  fieldset  form  label  legend  table  caption  tbody  tfoot  thead  tr  th  td  article  aside  figure  footer  header  hgroup  menu  nav  section  time  mark  audio  video       margin  0      padding  0      border  0      outline  0      font-size  100       vertical-align  baseline      background  transparent      some other CSS Reset   http   yui yahooapis com 3 5 0 build cssreset cssreset-min css http   meyerweb com eric tools css reset  https   github com necolas normalize css  http   html5doctor com html-5-reset-stylesheet   hellip

User · Answer

try to ad the following in your CSS   body  html      padding 0      margin 0

[html] How to remove margin space around body or clear default css styles

Examples related to html

Examples related to css

Examples related to margin

Examples related to css-reset