Hallöchen liebes Forum,
ich habe es mir heute einmal zur Aufgabe gemacht, ein lange vor mir hergeschobenes Problem zu lösen. Leider bisher ohne Erfolg. Es gibt in google mindestens einhundert bazillionen Beiträge, die beschreiben wie man mittels CSS Objekte in Fenstermitte (horizontal und vertikal) zentriert. Soweit so gut. Wenn man aber nun unter dem besagten Objekt bereits einen Inhalt (Tabelle o.Ä.) anzeigt, welcher die Seite so lang werden lässt dass man scrollen muss, hat man ab hier ein Problem. Das Objekt (in meinem Fall ein Div Container) füllt zwar nach dem laden wunderbar das gesamte Fenster aus, scrollt man jedoch jetzt nach unten, endet der Container und wird abgeschnitten. Meine Frage ist nun, wie kann man es verwirklichen das der Container immer vertikal in "Fenstermitte" bleibt? Hier einmal mein Testdokument zur Ansicht:
Für jeden Denkanstoss bin ich wie immer sehr dankbar.
Gruß, Pen
ich habe es mir heute einmal zur Aufgabe gemacht, ein lange vor mir hergeschobenes Problem zu lösen. Leider bisher ohne Erfolg. Es gibt in google mindestens einhundert bazillionen Beiträge, die beschreiben wie man mittels CSS Objekte in Fenstermitte (horizontal und vertikal) zentriert. Soweit so gut. Wenn man aber nun unter dem besagten Objekt bereits einen Inhalt (Tabelle o.Ä.) anzeigt, welcher die Seite so lang werden lässt dass man scrollen muss, hat man ab hier ein Problem. Das Objekt (in meinem Fall ein Div Container) füllt zwar nach dem laden wunderbar das gesamte Fenster aus, scrollt man jedoch jetzt nach unten, endet der Container und wird abgeschnitten. Meine Frage ist nun, wie kann man es verwirklichen das der Container immer vertikal in "Fenstermitte" bleibt? Hier einmal mein Testdokument zur Ansicht:
HTML:
<html>
<head>
<style type="text/css">
<!--
#container {
position:absolute;
background-color:#CC0000;
width: 100%;
height: 100%;
}
-->
</style><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>TEST</title>
</head>
<body leftmargin="0" topmargin="0">
<div id="container">test</div>
<table width="100%" height="3000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#330099"> </td>
</tr>
</table>
</body>
</html>Für jeden Denkanstoss bin ich wie immer sehr dankbar.
Gruß, Pen
