hmm .. hast du schon versucht, es genauso zu machen wie beim body-hintergrund ..? also nicht als img einbinden, sondern als div mit center-hintegrundbild ..?
Hallo,
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:
Auf diese Weise kann ich also z.B. einen 1920px breiten Hintergrund verwenden, und wenn das Browserfenster des Users lediglich 1000px breit aufgezogen ist, ist die Hintergrundgrafik trotzdem noch zentriert. Den gleichen Effekt bräuchte ich jetzt aber noch bei weiteren Grafiken auf derselben Seite! Wie kann man das schaffen :?:Code:body {background:url(bg.gif) center;}
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:
Kann man sich auch hier anschauen: http://www.fbgm.deCode:<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>
Aber es klappt halt nicht![]()
hmm .. hast du schon versucht, es genauso zu machen wie beim body-hintergrund ..? also nicht als img einbinden, sondern als div mit center-hintegrundbild ..?
Wäre auch mein Vorschlag gewesen. Einfach jede Grafik als Hintergrund in ein eigenes Div packen.
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)