positionierung/auflösung

[suit]

Nur ich kenn den Code (das was ich in den Editor schreiben muss) nicht.

  
    <div id="top"></div>  
    <div id="container">blah</div>  

  
html, body {  
 position: relative;  
 margin: 0;  
 padding: 0;  
 height: 100%;  
 text-align: center;  
 background: #FF0000;  
}  
  
#top {  
  width: 100%;  
  height: 50%;  
  margin-bottom: -150px;  
  float: left;  
}  
  
#container {  
  position: relative;  
  margin: 0px auto;  
  text-align: left;  
  width: 400px;  
  height: 300px;  
  clear: left;  
  background: #000000;  
}  

obriges Beispiel sollte #container mittig positionieren (unabhängig von der Viewportgröße), sollte der Viewport kleiner werden als 400x300px liegt der ursprung links oben und es gibt Scrollbalken

Bedingt durch den text-align: center; blödsinn im Body ist das Ding sogar IE6-Quirks-Mode-sicher