Warum kann ich mein Divy nicht horizontal und vertikal zentrieren? ⇐ CSS

[Anonymous]

Ich kann es nicht schaffen, #Content auf die Mitte der Seite zu zentrieren. Ich habe das Gefühl, dass ich alles ausprobiert habe. Ich habe online gesucht und festgestellt, dass eine häufige Art, dieses Problem zu lösen, darin besteht, hinzuzufügen: < /p>
, aber bisher hatte sie kein Glück. Hilfe wäre sehr geschätzt!

Code: Select all

body {
background: url(../images/mainImage.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow-x: hidden;
background-position: center center;
}

#content {
position: absolute;
width: 100%;
height: 100%;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

```< /code>

















[url=#news]News[/url]
[url=#events]Events[/url]
[url=#store]StØre[/url]