css background-image zentrieren

  1. kaifreund

    kaifreund Thread Starter MacUser Mitglied

    Mitglied seit:
    30.07.2004
    Beiträge:
    52
    Zustimmungen:
    0
    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
     
    kaifreund, 28.12.2004
    #1
  2. ForceFox

    ForceFox MacUser Mitglied

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

    Gruß FF
     
    ForceFox, 28.12.2004
    #2
  3. kaifreund

    kaifreund Thread Starter MacUser Mitglied

    Mitglied seit:
    30.07.2004
    Beiträge:
    52
    Zustimmungen:
    0
    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
     
    kaifreund, 29.12.2004
    #3
  4. lengsel

    lengsel MacUser Mitglied

    Mitglied seit:
    25.11.2003
    Beiträge:
    4.553
    Zustimmungen:
    53
    lengsel, 29.12.2004
    #4
  5. kaifreund

    kaifreund Thread Starter MacUser Mitglied

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

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

    kai
     
    kaifreund, 29.12.2004
    #5
  6. zeusMEDIA

    zeusMEDIA MacUser Mitglied

    Mitglied seit:
    29.12.2004
    Beiträge:
    158
    Zustimmungen:
    2
    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
     
    zeusMEDIA, 30.12.2004
    #6
Die Seite wird geladen...
Ähnliche Themen - css background image
  1. dennz2017
    Antworten:
    2
    Aufrufe:
    306
    wegus
    10.04.2017
  2. hello
    Antworten:
    1
    Aufrufe:
    238
    beage
    12.09.2015
  3. Hoooray
    Antworten:
    2
    Aufrufe:
    328
    Hoooray
    21.07.2015
  4. falkgottschalk
    Antworten:
    11
    Aufrufe:
    2.051
    Emagdnim
    09.02.2010
  5. Oliver23
    Antworten:
    6
    Aufrufe:
    710
    msslovi0
    24.05.2006