Vielleicht kann mir mal jemand meinen Denkfehler erklären.
Zwei divs, 810px breit, direkt untereinander. Eines normal mit Inhalt, das zweite mit Hintergrundbild.
Folgender Code: (mal mit Tags)
PHP-Code:
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html;">
<style type="text/css">
.oben {
overflow:hidden;
width:810px;height:225px;
padding:0px;
border: 1px solid green;
vertical-align:bottom;
}
.inhalt {
background-image: url(./testbild.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: center;
overflow:auto;
width:810px;height:350px;
border: 1px solid green;
}
</style>
</head>
<body bgcolor="#000000">
<div class="oben">
</div>
<div class="inhalt">
</div>
</center>
</body>
</html>
Eigentlich sollte doch die background-position: center; in der inhalt-class das Hintergrundbild zentriert bezüglich des entsprechenden HTML-Elementes ausrichten, also des definierten divs. Soweit dachte ich eigentlich kenne ich CSS ...
Der IE (gerade der !!!) macht das auch. Opera und Firefox dagegen richten das Bild zentriert auf die Seite aus. Was natürlich zur Folge hat, dass das Bild absolut nicht da ist, wo es sein soll. Nur: Warum ???
Wenn mir irgendjemand nen Stein an die Birne werfen kann, bin ich dankbar.