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>
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
Post a Comment