html - remove white border footer -


how can remove white border on bottom of browser (google chrome)?

white border of bottom footer

this code have used:

footer {   color: white;   width: 101%;   margin-left: -8px;   background-color: #343434;   margin-left: -16px;   width: 101.5%;   margin-top: -8px;   height: 40px;   z-index: 100; }  footer > div {   width: 1000px;   margin: 0 auto; } 
<main>     <!--main things--> </main>  <footer>     <div>         <p>fastcycle werdt gecreƫerd door hp-programming vzw. copyright &copy; 2015</p>     </div> </footer> 

i have try place margin-button set on 0 didn't help. have place margin-left -16px , width 101.5%? why?

can me?
thanks

you can try adding following <body> tag:

<body style="padding: 0; margin: 0;"> 

or alternatively, create new css class:

body {      padding: 0;     margin: 0;  }  

if doesn't work, in chrome, if press f12, bring panel allows view styles of elements. hover on elements until find 1 that's creating whitespace, , remove padding/margin it.


Comments

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

mercurial graft feature, can it copy? -