Frage stellen
die body-Background-Grafik kann man ja so zentrieren, dass sie z.B. links und rechts überhängt, wenn das Browserfenster weniger breit ist als die Grafik:
- Code: Alles auswählen
body {background:url(bg.gif) center;}
Den gleichen Effekt bräuchte ich jetzt aber noch bei weiteren Grafiken auf derselben Seite! Wie kann man das schaffen
Hier eine kleine Vorschau auf das Layout das ich realisieren muss:
Also ein 3D-mäßiger Hintergrund, in dem die einzelnen Content-Abschnitte durch farbige "Schweife" abgetrennt sind. Diese Schweife sind jeweils 1920px breit, damit sie sich bei dieser Auflösung nicht wiederholen. Aber egal wie ich es mache, anstatt zentriert zu sein fangen sie immer am linken Rand an...
Aktuell versuche ich es so:
- Code: Alles auswählen
<html>
<head>
<style>
body {
background:url(bg.gif) center;
margin:0;
}
#center_column {
width:900px;
margin:0 auto;
}
.center {
display:block;
margin-left:auto;
margin-right:auto;
align:center;
}
</style>
</head>
<body>
<div id="center_column">
Heading
</div>
<img src="schweif_01.png" class="center" />
<div id="center_column">
Contentbereich 1
</div>
</body>
</html>
Kann man sich auch hier anschauen: http://www.fbgm.de
Aber es klappt halt nicht
