html css un-expected gap around left side and top need to fix -


okay have started out desingning website scratch html , css

here link have far

https://c9.io/ashg1990/secure/workspace/client/index.html

and here code below

html file

    <!doctype html> <html lang="en">  <head> <link rel="stylesheet" type="text/css" href="css/style.css"> <meta charset="utf-8" />  <title>arg modular</title>  </head>  <body>     <div class="head">   <img class="header" src="img/headlogo.png" alt="logo" />    </div>    </body>  </html> 

and css file

    body {     background-color:#a8a1a3;     width:110%; } div.head {             background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #a8a1a3) ); background-image: -o-linear-gradient(bottom, #ffffff 0%, #a8a1a3 100%); background-image: -moz-linear-gradient(bottom, #ffffff 0%, #a8a1a3 100%); background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #a8a1a3 100%); background-image: -ms-linear-gradient(bottom, #ffffff 0%, #a8a1a3 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #a8a1a3 100%); width:110%;  }  img.header {  display: block; margin-right: auto;  } 

how can fix no have gap around <div class="head">

you need set body margin 0. should same padding.

body {    margin: 0;    padding: 0; } 

you might want consider using normalize.css or css reset.


Comments

Popular posts from this blog

jQuery Mobile app not scrolling in Firefox -

c++ - How to add Crypto++ library to Qt project -

php array slice every 2th rule -