Vinzenz Mai: Bezugspunkt der Hintergrundgrafik im Firefox (v.3)

Beitrag lesen

Hallo,

Ich hab jetz wirklich ausführlich bei Google und hier im Forum gesucht, konnte aber (erstaunlicherweise) niemand finden, der das Problem schonmal angesprochen hätte:

<table width="750" height="540" border="1" cellspacing="0" cellpadding="0"  style="border: 1px solid rgb(173,190,221); background-image:url(back.jpg); background-position: center; background-repeat: no-repeat; background-attachment:fixed">

Wenn auch Hintergrundbilder in Tabellen nicht ganz standardkonform sind

doch, doch. *Jedes* Element kann ein Hintergrundbild haben.

  • für meine Ziele ist es leider die einzig wahre Lösung. Wie auch immer, IE machts perfekt, Firefox (3.1) eigentlich auch. Das Bild wird wie gewollt zentral an der Tabelle ausgerichtet. Setz ich aber jetz

Du möchtest vermutlich nicht background-position: fixed verwenden. Ich gehe davon aus, dass das Bild in der Mitte der Tabelle angezeigt werden sollte, gleichgültig, wo diese im Viewport angezeigt wird und das Bild sollte beim Scrollen in der Mitte der Tabelle bleiben. Richtig?

Ich zitiere aus der Spezifikation:

<zitat>
    If a background image is specified, this property specifies whether it is
    fixed with regard to the viewport ('fixed') or scrolls along with the
    containing block ('scroll').

Note that there is only one viewport per view. If an element has a
    scrolling mechanism (see 'overflow'), a 'fixed' background doesn't move
    with the element
</zitat>

Nach Deiner Beschreibung vermute ich, dass Du den Standardwert "scroll" setzen möchtest (kannst Du, da Standardwert, auch einfach weglassen).

Es ist fast immer eine gute Idee, den Browser-Ratemodus (ohne Doctype-Angabe) zu vermeiden. Damit der IE nicht auch noch den Zeilen und Zellen ein Hintergrundbild verpasst, solltest Du zusätzlich noch

tr, td, th {  
    background-image: none; /* eigentlich Standardwert */  
}

notieren.

Freundliche Grüße

Vinzenz