Formatierung funktioniert nicht
selfhtmluser1962
- css
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
...schon funktioniert's: Du suchst nach background-position: 50% 50%;
.
Gruß, LX
@@LX:
nuqneH
...schon funktioniert's: Du suchst nach
background-position: 50% 50%;
.
?? 'background-position: center' tut dasselbe. [in: CSS21 §14.2.1]
Qapla'
Hi,
Das Bild erscheint, jedoch nicht zentriert
Ich vermute, dass du da einem Trugschluss unterliegst - da das Element selber nicht zentriert ist. Mach mal einen Rahmen drum, dann sollte das schnell klar werden.
MfG ChrisB
Om nah hoo pez nyeetz,
Um Chris' Antwort noch ein wenig deutlicher zu formulieren: Das Hintergrundbild ist zwar im Div zentriert, aber das Div selbst ist auf der Seite nicht zentriert.
Matthias