html - CSS - White space around top and left of page -


i'm building web app , unfortunately have white border around top , left of page. have set html , body padding , margin 0px doesn't seem having effect on it. inside of body single iframe , when preview site , go on inspect element shows padding on body...

here code - if take great!

<html>   <head>     <meta http-equiv="content-type" content="text/html; charset=utf-8" />     <meta http-equiv="x-ua-compatible" content="chrome=1,ie=edge" />     <title>index</title>     <style>         html {             height:100%;         }         body {             background-color: #ffffff;             margin: 0px !important;             padding: 0px !important;             height:100%;         }      </style>      <!-- copy these lines document head: -->      <meta name="viewport" content="user-scalable=yes, width=320" />      <!-- end copy -->    </head>   <body>      <!-- copy these lines document: -->      <div id="index_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;" aria-live="polite">         <script type="text/javascript" charset="utf-8" src="index.hyperesources/index_hype_generated_script.js?4823"></script>     </div>      <!-- end copy -->     </body> </html> 

jsfiddle

try setting margins of #my-iframe negative number, e.g. -10px:

#my-iframe {     width: 100vw;     height: 100vh;     border: 0;     padding: 0;     margin: -10px; } 

this may cut small section of iframed site off, judging of site few pixels off edge won't damage.


Comments

Popular posts from this blog

php - Admin SDK -- get information about the group -

dns - How To Use Custom Nameserver On Free Cloudflare? -

Python Error - TypeError: input expected at most 1 arguments, got 3 -