html - there is lots of white space after footer -


i creating html page 2 iframes. left frame navigational purpose , right 1 display actual content. there lot of space remained below footer. how can remove it?

here html code:

<!doctype html> <html lang="en"> <head> <title>orion erp help</title> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <body>  <div id="header"> <img id="logo" src="images/logo.png" alt="orion logo"> </div> <div id="navi"> <iframe id="menu" src="menu.html"></iframe> </div> <div id="frame"> <iframe id="content" name="content" src="about.html"></iframe> </div> <div id="footer">    © 2013 intelligent erp. right reserved. </div> </body> </html> 

here css

body { margin: 0; padding: 0 0 0 17%;  }  #header { background-color: #f8651c; padding: 0; margin: 0; height: 130px; }  #logo { margin: 10px 0 0 10px; padding: 0; }   #menu { position: absolute; background-color: #f6f6f6; top: 0; left: 0; height: 100%; width: 17%; border: 0; border-right: 2px solid #a2a2a2; }   #frame { position: relative; height: 100%; }  #content {  position: relative;  top: 0;  left: 0;  border: 0;  height: 100%;  width: 100%;  overflow: hidden;  }  #footer { position: absolute; text-align: center; font-size: 70%; font-family: helvetica, sans-serif; width: 83%; bottom: 0; } 

you should remove padding on body class

body { margin: 0; padding: 0 0 0 0;  } 

Comments

Popular posts from this blog

assembly - 8086 TASM: Illegal Indexing Mode -

Java, LWJGL, OpenGL 1.1, decoding BufferedImage to Bytebuffer and binding to OpenGL across classes -

javascript - addthis share facebook and google+ url -