I made this simple 3 part css layout, but it's not behaving like it should.CSS\[code\]#main-container { width: 1000; margin: 0 auto; height:100%;}.header{ background-color:black; width:100%; height:150px;}.headertext{ color:#A3BB02; font-size: xx-large;}.contenu{ width:100%; background-color:#A3BB02; }.footer{ width:100%; background-color:black; min-height:100px; } \[/code\]Html\[code\]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Intro Projet Cloud</title> <link href='http://stackoverflow.com/css/design.css' rel='stylesheet' type='text/css' /> </head> <body> <div id="main-container"> <div class="header"> <br/><br/><br/> <span class="headertext">blablabla</span> </div> <div class="contenu"> <p> blabla </p> <p> blabla </p> <p> blabla </p> <p> <a href="http://stackoverflow.com/questions/14461879/projetcloudm2">Acceder a l'application</a> </p> </div> <div class="footer"></div> </div> </body></html>\[/code\]result
were does the white bar betwen contenu and the header and footer come from?there is no margin in may css.thanks.Ps : this is done with google app engine in eclipse doing a web project