css background-image zentrieren

Dieses Thema im Forum "Web-Design" wurde erstellt von kaifreund, 28.12.2004.

  1. kaifreund

    kaifreund Thread Starter Mitglied

    Beiträge:
    52
    Zustimmungen:
    0
    Mitglied seit:
    30.07.2004
    Hallo Forum,
    mal wieder...

    Ich baue gerade eine Seite in der viele Inhalte zentriert sind.
    Jetzt möchte ich gerne ein Hintergrundbild zentriert verwenden und den Text der darüberläuft linksbündig ausrichten. Aber: der IE6 macht es wie es soll, Firefox dagegen schiebt auch das Hintergundbild nach links (padding/margin ist nicht da ich es ja zentriert will). Wer weiss Rat?

    http://www.glimpse.de/weltmarkt/ (bitte mit Firefox auf das Bild klicken)

    Code:
    html, body{
    font:normal 14px  arial, helvetica, sans-serif;
    color:E1DCD6;
    background-color:#28272B;
    text-align:center;
    height:100%;
    }
    
    table{
    margin:auto;
    text-align:left;}
    
    .inhalt{
    text-align: left;
    background-image: url(../pics/hintergrund.jpg);
    width:1000px;
    height:304px;
    }
    HTML:
    <body>
    <div class="inhalt">
    ...blablabla...
    </div>
    </body>
    

    Gruesse Kai
     
  2. ForceFox

    ForceFox Mitglied

    Beiträge:
    146
    Zustimmungen:
    0
    Mitglied seit:
    18.03.2004
    Wenn Du text-align: left; machst, woher soll dann das background image wissen, daß es mittig stehen soll?

    Gruß FF
     
  3. kaifreund

    kaifreund Thread Starter Mitglied

    Beiträge:
    52
    Zustimmungen:
    0
    Mitglied seit:
    30.07.2004
    Weia bitter ... *rotwerd*

    .inhalt ergänzt mit:
    margin:auto;

    bringt das gewünschte auch im Firefox. -Erstaunlich das Der IE6 das auch ohne margin macht... - Hatte schlicht nicht kapiert wie ich left (für den Text) und center (für das Image) in einer Klasse unterbringe.

    merci
    kai
     
  4. lengsel

    lengsel Mitglied

    Beiträge:
    4.553
    Zustimmungen:
    53
    Mitglied seit:
    25.11.2003
  5. kaifreund

    kaifreund Thread Starter Mitglied

    Beiträge:
    52
    Zustimmungen:
    0
    Mitglied seit:
    30.07.2004
    @Flo
    Danke!

    Kannst du mir denn auch einen Tip zu meiner zweiten bachground Frage geben - die finde ich auch dort leider nicht beantwortet...

    kai
     
  6. zeusMEDIA

    zeusMEDIA Mitglied

    Beiträge:
    158
    Zustimmungen:
    2
    Mitglied seit:
    29.12.2004
    Hi,

    ein Tipp zum background:

    Code:
    background:url(blah/blubb/img.jpg) no-repeat top center;
    Oder halt den repeat wie Du ihn brauchst...

    Grüße,

    Z
     
Die Seite wird geladen...
Ähnliche Themen - background zentrieren Forum Datum
Wrapper und zwei Background Images? Web-Design 08.01.2013
Vertikales Zentrieren ENDLICH DIE LÖSUNG Web-Design 20.10.2010
Hintergrund (bgcolor, neudeutsch css und background-color) als VERLAUF ohne Grafik? Web-Design 08.02.2010
CSS3 rgba Notation background Web-Design 13.11.2009
Allg. Darstellungsfehler bei Navi mit background-position Web-Design 07.07.2008

Diese Seite empfehlen

  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.