html - I made a webpage but have excess white space at the bottom, how do I get rid of this? -


screen shot of webpage excess white space @ bottom

i have created webpage there excess white space @ thee bottom not know how rid of. feel though has width , height of either body or main section in css file not sure. here code css file.

body { background: url('black_gradient.png')repeat-x; text-align: center; height: 800px; } #main{ width: 1000px; height: 1000px; background: url('brown gradient.jpg')repeat-x; margin: 25px auto;   border: solid 2px #ff3819; border-bottom: solid 0px; padding: 10px; } h1{     text-align: center;     font-family:"times new roman";     font: 24pt;     color: #000000; } hr {     height: 2px;     color: #000000; } p {     font-family:"calibri";     font-size: 12pt;     text-align: left;     text-indent: 48px;     color: #000000; } 

remove height body , #main or set them auto


Comments

Popular posts from this blog

ios - RestKit 0.20 — CoreData: error: Failed to call designated initializer on NSManagedObject class (again) -

java - Digest auth with Spring Security using javaconfig -

laravel - PDOException in Connector.php line 55: SQLSTATE[HY000] [1045] Access denied for user 'root'@'localhost' (using password: YES) -