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