Das Zentrieren wäre so auch möglich, dann ist es unabhängig von Größen:
body {
text-align: center;
}
.WholePage {
background-color: #000000;
top: 40px;
position: relative;
margin: 0px auto;
text-align: left;
}
Das WholePage bekommt die Tabelle.
Dann würde ich mir überlegen, ob ich wirklich das Div über die Tabelle zwinge. Warum steht der Inhalt nicht innerhalb der Tabelle? Also Bilder als Hintergrundbild anlegen und Inhalt (kann ja auch das Div mit Scrollbalken sein) in eine Zelle? Dann wird jeder Inhalt automatisch mitzentriert, weil ja die Tabelle zentriert ist. Außerdem hat ein schwebendes Extra-Div den Nachteil, dass es bei einem kleinen Browserfenster immer nochmal extra zentriert wird. Das heißt, es rutscht bei Verkleinerung immer in die Mitte, bis es auch den Rand erreicht, obwohl die Tabelle längst nur als Ausschnitt zu sehen ist.
Wenn es aber so aufgebaut sein muss, könnte man position auf relative zu setzen (sonst weint der Explorer und der Firefox) und dann mit einem negativen Wert das Div nach oben verschieben, das jetzt im HTML-Code ja
nach der Tabelle steht. Damit es sich zentriert, braucht es ebenso das margin: 0px auto, denn es hat ja so keinen Bezug zur Tabelle.
#apDiv1 {
position:relative;
left:110px;
top:-600px;
width:610px;
height:570px;
overflow: scroll;
margin:0px auto;
text-align: left;
}
Das fände ich aber nicht so sinnvoll. Besser wäre sicherlich, das Div in die Tabelle einzubauen. Dazu könnte man zum Beispiel, wenn die Höhe der Tabelle fix bleibt, die grauen Hintergrundbilder zu einem zusammenfassen und in einer Tabellenzelle als Hintergrundbild anlegen. In der Zelle selbst steht dann zum Beispiel das Div.
Und ein kleiner Vorschlag: In dem HTML sind Styles eingebunden, und es gibt außerdem ein externes Style-Sheet. In letzterem ist eine Klasse ".Inhaltsbereich" drin, die dem Div gegeben wurde, darüber hinaus aber auch eine ID "#apDiv" im HTML-Code, was die Klasse ".Inhaltsbereich" überschreibt, weil es ebenso dem Div gegeben wurde. Damit meine ich, dass entweder .Inhaltsbereich oder #apDiv gelöscht werden sollte und nur eines davon verwendet wird - das erleichtert den Überblick. Oder ich habe den Sinn der doppelten Zuweisung nicht verstanden.
Getestet habe ich das obenstehende CSS nur am PC, Explorer und Firefox.
Gruß,
Yalanna
