Hallo Freunde,
ich versuche mit CSS einen Hintergrund mit zentrierter Formatierung zu erstellen, was mir aber nicht gelingen will. Kann mir jemand helfen?
Folgenden Code habe ich in die style.css geschrieben:
div.Seitenaufbau {
background-repeat:no-repeat;
background-position:center;
background-image: url(Hintergrund.jpg);
background-color:#656565;
width:1000px;height:600px;
}
In der Html Datei steht Folgendes:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel=stylesheet type="text/css" href="style.css">
<title>test</title>
<meta name="author" content="XYZ">
<meta name="editor" content="editor">
</head>
<body>
<div class="Seitenaufbau">
</div>
</body>
</html>
Das Bild erscheint, jedoch nicht zentriert, wie es eigentlich gewünscht ist. In keinem meiner verwendeten Browser. Das sind IE 8, Firefox 3 und Opera 10. Ich sehe offenbar den Wald vor lauter Bäumen nicht. Was mache ich falsch? Bin für jede Hilfe dankbar.
Vielen dank im voraus.
Bobby