Text bzw. Grafik zentrieren [2]

So, nach einem guten Essen hab ich mich mal hingesetzt und überlegt, wie das ganze denn umgesetzt werden könnte. Das Ergebnis einer halben Stunde Tastaturvergewaltigung findest du hier und kannst es dir auch als zip-Datei runterladen.
Kannst du als Grundgerüst ruhig verwenden.
Funktioniert ab einer Auflösung von 640x480px.
Getestet mit IE5.01, IE5.5, IE6, IE7, FFx2.0.0.6, Opera9.23 und Safari 3.02 beta/Win.

EDIT: Sehe gerade, dass in der bilder.html noch inline-Styles sind, die gehören raus, sind schon in der styles.css

<h1 style="font-size: 125%; padding-bottom: 0.3em;">Lorem ipsum</h1>

EDIT 2 Opera und Safari haben eine eigene Art den Text zu rendern, für die müsste man evtl. den Block .mitte etwas kleiner dimensionieren!

Validome
CSS-Validator

Ok jetzt ist das mal ok so, bei ner bestimmten Auflösung, änder ich aber die Auflösung stimmt die Position vom Layer nicht mehr, gibts ne Möglichkeit, dass bei jeder Auflösung gleich aussehen zu lassen???

Das liegt daran, dass du das jeweilige Hintergrundbild im Body verankert hast, je kleiner also die Auflösung desto kleiner wird auch der Abstand zu den Rändern des Browserfensters. Irgenwann rutscht dann -in deiner Variante- die zentrierte Hintergrundgrafik unters Menü!

Danke,
Lass mich wissen was du draus gemacht hast!

Ich hab das Teil auf dem Rechner meiner Freundin runtergeladen und angesehen, jetzt isses weg weil sie dachte ich brauch das nich mehr und hats gelöscht, evtl. kannst du mir bitte die Zip Datei an meine email Adresse senden?
benjamin_stanger [ät] web [.] de

Gruß Benjamin

Rudy: E-Mail-Adresse für Spam-Schutz maskiert.