Div-Container: zentrierte Ausrichtung und Größendef.

[Shadowcrow]

hi $name,

ich habe drei Bereiche (Header, Content, Footer) und versuche den Content Bereich so auszurichten das er mittig positioniert ist - nicht im verhältnis zum Viewport sondern sich im verbleibenden Platz mittig ausrichtet. Das Problem ist nur das dieser Bereich viel zu groß ausfällt (gelber Rahmen), ich bekomme ihn einfach nicht dazu nur den verbleibenden Platz einzunehmen.

relevantes, gekürztes HTML:

  
<div id="header">  
<h1 ><img src="pics/logo.gif" alt="" title="" /></h1>  
</div>  
<div id="content">  
<div id="pics">  
<a href="bilder.php?bild=01" ><img src="pics/t_b_01.jpg" /></a>  
<a href="bilder.php?bild=02" ><img src="pics/t_b_02.jpg" /></a> 					  
</div>  
</div>  
<div id="footer">  
<h3>Wilkommen</h3>  
</div>  
      <ul id="Navigation">  
        <li>  
          <a href="index.php" target="_self">Home / Fotos |</a>  
        </li>  
             </ul>  

CSS:

  
#header {  
}  
#content{  
border: 1px solid yellow;  
position: relative;  
height: 100%;  
width: 100%;  
min-height: 226px;  
min-width: 560px;  
  
}  
#pics {  
position:absolute;  
  top:50%;  
  left:50%;  
  width: 560px;  
  height:228px;  
  margin-left:-280px;/*halbe breite */  
  margin-top:-114px;/*halbe höhe */  
}  
  
#footer{  
}

Beispiel unter: http://meschigge.de
login:
name: self
pwd: selfself

Danke.

gruss
shadow