castillorome
New Member
I have an html file test.html:\[code\]<!DOCTYPE html><html> <!-- [[[ head --> <head> <title>element</title> <link type="text/css" rel="stylesheet" media="all" href="http://stackoverflow.com/questions/13809116/test.css"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > </head> <!-- ]]] --> <body> <div id="header"></div> <div id="logo"></div> <div id="container"> <h1>Welcome message</h1> text text text text text text text text text text text text text text text text text text text text text </div> </body></html>\[/code\]and css file test.css:\[code\]html{ background-color: #000000; color: white;}html,body, img{ margin: 0; padding: 0; border: 0;}#header{ position: absolute; left: 0; top: 0; background-color: yellow; width: 100%; height: 537px; z-index: -1;}div#logo{ width: 385px; height: 141px; background: white; margin-left: auto; margin-right: auto;}#container{ width: 964px; margin-left: auto; margin-right: auto; min-height: 100%; height: 100%; background-color: #000000; padding-left: 6px; padding-right: 6px;}\[/code\]I want div#container to stretch all over to the bottom, but it doesn't.