Ergebnis 1 bis 4 von 4

Thema: CSS - Background zentrieren

  1. #1
    Samurai Avatar von Donkey
    Registriert seit
    12.08.2008
    Ort
    München
    Alter
    35
    Beiträge
    237
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

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

    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="mainmodules/werbestyle.css">
    <title>Werbehalle :: Zeitbanner, Links, Webkatalog, Bannerschlacht, Topliste :: Home
    </title>
    </head>
    <body>
     
    <div class="midbg">
    <div class="main">
     
     <!-- <a name="top">&nbsp;</a> -->
    <div id="title">
    <img src="images/mainheader.png" width="758" height="110" border="0" alt="">
    </div>
    <br>
    <table width="100%" border="0">
    <tr>
    <td width="20%" valign="top">
    ---Navigation---
    </td>
    <td width="60%" valign="top">
    ---Hauptteil---
    </td>
    <td width="20%" valign="top">
    ---rechte Spalte---
    </td>
    </tr>
    </table>
    --- Footer ---
     
    </div>
    </div>
     
    </body>
    </html>

    Das hab ich in der CSS:

    Code:
     
    .midbg
    {
    width:100%;
    position:relative;
    left:0px;
    top:0px;
    z-index:1;
    background-image:url(../images/bgmid.png);
    background-repeat:repeat-y;
    }
     
    .main
    {
    width:100%;
    position:relative;
    left:0px;
    top:0px;
    z-index:2;
    text-align:center;
    }
    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
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1
    Something big is coming. And there will be pirates and ninjas and unicorns...

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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

  4. #4
    Samurai
    Themenstarter
    Avatar von Donkey
    Registriert seit
    12.08.2008
    Ort
    München
    Alter
    35
    Beiträge
    237
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Dankschön für die Hilfe
    Hätte nicht gedacht dass es so einfach ist

    Jetzt sieht es perfekt aus
    http://werbehalle.de/index.php

    Gruss Donkey
    Geändert von Donkey (08.09.2008 um 08:48 Uhr)

Ähnliche Themen

  1. was ist mit dem background los ?
    Von wurmax im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 14.09.2006, 16:18
  2. Div im background?
    Von ad3nau im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 23.07.2006, 17:55
  3. background
    Von im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 20.12.2005, 18:31
  4. Background Zentrieren
    Von pure im Forum HTML & CSS Forum
    Antworten: 16
    Letzter Beitrag: 30.11.2005, 21:42
  5. Background
    Von mauritius im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 23.01.2003, 17:59

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •