Vertikal und horizontal zentrieren

[Liberty1000]

Guten Tag,

wie schaffe ich es einen Inhalt mit CSS vertikal und horizontal zu zentieren?
Danke im vorraus!

Mit freundlichen Grüßen,
Liberty

 

[threadi]

Um was für einen Inhalt handelt es sich?

 

[Liberty1000]

Ein verlinktes Bild ;)

 

[threadi]

Hier werden einige Möglichkeiten aufgelistet: Cascading Style Sheets { Tutorials : Zentrieren eines Block-Level-Elements }

 

[Liberty1000]

Danke threadi :)

Doch leider hatte ich so einige Probleme mit der Lösung auf der Seite. Ich habe mir nun etwas eigenes zusammengefasst und wollte mal wissen ob dies wirklich eine sinnvolle Lösung ist.

body {
    background-color: #f9f9f9;
    text-align:center;
    height:500px;
    width:800px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-270px;
    margin-left:-400px; 
}

 

[threadi]

Ich dachte Du willst ein Bild zentrieren, nicht den body?

Und ja, wenn Du den body mit diesen Maßen zentrieren willst, sollte es eigentlichen funktionieren. Schon getestet?

 

[Liberty1000]

Meine komplette Seite besteht nur aus einem Bild und ja habe ich. Bei Chrome verschiebt sich das Bild ein wenig nach oben und bei dem iPad geht es überhaupt nicht...

...aber sonst geht es ganz gut!

 

[prm]

Horizontale und vertikale Zentrierung mit CSS