Ich hab mir grad mal den Thread hier durchgelesen und hab nur die Hälfte verstanden ^^
naja auf jeden Fall weiß ich jetzt, wie ich Sachen vertikal und horizontal zentriere!
Die variante mit float und clear funktioniert...
Code:
html,body{height:100%}
#distance{width:1px;height:50%;background-color:#fc6;margin-bottom:-13.75em;/**/float:left}
#container{margin:0 auto;position:relative;/**/text-align:left;height:27.5em;width:45em;clear:left;background-color:#ff9;border:1px solid #c93;border-top-color:#fff;border-left-color:#fff}
Das zu Beginn des Dokuments:
HTML-Code:
<div id="distance"></div>
<div id="container"><div>
fertig...
Und das klappt auf
quasi allen Browsern unter
quasi allen Systemen!
Habe es auf 49 Browsern testen lassen. Ging nur am MSIE 5.5 nicht, sonst überall.
Screenshots...
http://www.speedcube.de/tests/090819...de-3342771.zip
Am Besten find ich ja den Screenshot von Opera 9.26 auf Win XP