CSS - Background zentrieren

  • Hallo zusammen! :)

    Ich weiss nichtmehr weiter.
    Da ich nicht einfach nur eine Hintergrundfarbe oder ein Bild das einfach immerwieder wiederholt wird, muss das Hintergrund variabel sein,
    Sonst siehts bei verschiedenen Auflösungen einfach nicht gut aus.

    Dazu hab ich 2 div-container exakt übereinander gelegt - einer mit dem Hintergrundbild, der andere mit den Inhalt.
    Das Klappt auch schon ganz gut, aber ich bekomm das Bild einfach nicht zentriert.

    Hab ihr eine Idee?

    Hier mal der Quelltext (stark abgespeckt wegen der Übersicht):




    Das hab ich in der CSS:



    Hier könnt ihr das ganze angucken: http://werbehalle.de/test/index.php
    -hellblau is die bgcolor von body.
    -das dunkelblaue ist das Bild (z-index:1), das in die Mitte soll
    -die Schrift und alles andere ist z-index:2

    Wäre euch für eine Lösung wirklich dankbar.
    Hab viele verschiedene Sachen ausprobiert, auch mit Tabellen, aber das hat alles nicht funktioniert :(

    Gruss Donkey

  • Ich würde nur einen Div mit einer bg-Grafik nehmen.
    Diese Grafik mach etwa 2000px breit und 10px hoch.
    In den linken Grafikteil fügst du die Farbverlaufgrafik ein. Diese sollte 1000px breit sein. In den rechten Teil, ebenfalls 1000px breit füllt du mit Türkiesfarbe.
    Die insgesamt 2000px Breite sollte auch für breite Bildschirme ausreichen.

    Die Grafik dann wie hier beschrieben in den body oder einen #wrapper einbinden und zentriert positionieren: http://www.ohne-css.gehts-gar.net/0030.php