Div in Div vertikal positionieren

[Gunnar Bittersmann]

@@De Koch:

nuqneH

Die eine wäre das content-Div in eine Tabelle zu packen und mit vertical-align: middle; zu positionieren.

Dauzu muss man es nicht in eine Tabelle packen (im Markup? – pfui!), sondern es lediglich als Tabellenzelle anzeigen lassen:

#container  
{  
    height: 210px;  
    overflow-y: auto;  
}  
  
#content  
{  
    display: table-cell;  
    height: 210px;  
    vertical-align: middle;  
    width: 100%;  
    padding-top: expression( [code lang=javascript](new Function('elem', '[code lang=javascript]elem.style.height = "auto"; elem.style.paddingTop = (210 - elem.offsetHeight) / 2 + "px";
~~~'))(this)[/code] );  
}[/code]  
  
  

> Die andere wäre mit Javascript. Stichwort: Computed Style  
  
Ja, aber nur für Browser, die dies nötig haben, also für IE < 8. Und das JavaScript auch an Ort und Stelle im Stylesheet notiert – [CSS-Expression](http://bittersmann.de/articles/css-expressions/), s.o.).  
  
Qapla'

-- 
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.  
(Mark Twain)