+ Antworten
Ergebnis 1 bis 3 von 3

Thema: Außer der body-Background-Grafik noch weitere WIRKLICH zentrieren

  1. #1
    TP-Newbie SgtMouseybear macht alles soweit korrekt
    Registriert seit
    Jul 2009
    Ort
    Nürnberg
    Beiträge
    1

    Unhappy Außer der body-Background-Grafik noch weitere WIRKLICH zentrieren

    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:

    Code:
    body {background:url(bg.gif) center;}
    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 :?:

    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:
    <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

  2. #2
    TP-Veteran wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE Avatar von wildmieze
    Registriert seit
    Dec 2003
    Beiträge
    1.720
    hmm .. hast du schon versucht, es genauso zu machen wie beim body-hintergrund ..? also nicht als img einbinden, sondern als div mit center-hintegrundbild ..?

  3. #3
    TP-Veteran max.m lebt für das TP und seine User max.m lebt für das TP und seine User max.m lebt für das TP und seine User max.m lebt für das TP und seine User max.m lebt für das TP und seine User max.m lebt für das TP und seine User Avatar von max.m
    Registriert seit
    Dec 2005
    Ort
    Stuttgart
    Beiträge
    1.955
    Wäre auch mein Vorschlag gewesen. Einfach jede Grafik als Hintergrund in ein eigenes Div packen.

+ Antworten

Ähnliche Themen

  1. Antworten: 5
    Letzter Beitrag: 21.01.2008, 18:04
  2. Verschiedene Body Background-Images: Problem!
    Von Mütze im Forum HTML & CSS
    Antworten: 2
    Letzter Beitrag: 16.02.2007, 00:11
  3. body Background mit 8 Bildern ohne feste breite
    Von aXCell im Forum HTML & CSS
    Antworten: 16
    Letzter Beitrag: 16.10.2006, 15:20
  4. BODY BACKGROUND - abhängig von der Bildschirmauflösung ?
    Von Howie Munson II im Forum HTML & CSS
    Antworten: 8
    Letzter Beitrag: 05.06.2002, 12:07

Stichworte

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51