Hay,
ich glaube ich bin einfach zu doof dazu.
Ich möchte dass ein DIV Element horizontal und vertikal zentriert wird. Habe schon alle Google Seiten zu diesem Thema durchforstet, doch nix funktioniert so richtig.
Derzeitiger Code:
HTML:
HTML
<!DOCTYPE html>
<html>
<head>
<title>Homepage</title>
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body background="img/hintergrund.jpg">
<div id="center">
<div id="ebene">
</div>
</div>
</body>
</html>
Alles anzeigen
CSS:
Code
#ebene {
width: 700px;
height: 500px;
background: #CAFF70;
opacity: 0.5;
border: 1px solid #666;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
}
Wie schaffe ich es nun dass das Element auf allen Auflösungen an der selben Stelle, also in der Mitte ist?