Rondra: Hintergrundbild ganz anzeigen, in Originalgrösse

Hallo,

folgendes Problem hab ich:
In einer Tabelle habe ich eine Hintergrundgrafik eingebaut. Nun muss ich eine weitere Grafik in eine Zelle dieser Tabelle reinsetzen, die teilweise transparent ist, sodass die Hintergrundgrafik der umgebenden Tabelle hindurchschimmert. Das Problem ist nur, dass diese 2. Hintergrundgrafik der speziellen Zelle nur dann angezeigt wird, wenn die Zelle mit Inhalt gefüllt ist.

Gibt es eine Methode dem TD eine Hintergrundgrafik zu verpassen, die sofort angezeigt wird, auch wenn die Zelle leer ist? Hier der Code:

<table background="BILD1.GIF">
<tr>
<td style="background-image:url(BILD2.GIF);background-repeat:no-repeat;background-attachment:fixed;"></td>
</tr>
</table>

BILD2 soll also sofort in seiner originalgrösse angezeigt werden. auch wenn die Zelle leer bleibt. Das Image SO einzusetzen -mit <img src=..> kann ich nicht machen, weil ich AUF BILD2 andere Elemente drüberlegen muss. Mit div-positionierung kann ich nicht arbeiten, weil bei anderen Bildschirmauflösungen die Bilder falsch positioniert werden.

Geht das?

DANKE!!!
Rondra

  1. Hallo,

    Gibt es eine Methode dem TD eine Hintergrundgrafik zu verpassen, die sofort angezeigt wird, auch wenn die Zelle leer ist?

    Wann entscheidet sich, ob die Zelle leer ist oder Inhalt hat?
    Wer fuegt den Inhalt ein? (Person, Programm...)
    Eigentlich sollte es immer moeglich sein, entweder einen
    Platzhalter oder den eigentlichen Inhalt drin zu haben.
    Was fuer Inhalt kommt rein? Bild, Text, ...?
    Ist die maximale Groesse vorhersagbar?

    Ideen:

    • der Zelle mit CSS eine (Mindest-)Groesse geben,
        ggf. mit overflow:auto; oder so kombinieren.
    • empty-cells:show;
    • als "Inhalt" bei leeren Zellen
    • evtl. eben doch ein Transparent-GIF als Vordergrundbild
        bei fehlendem Inhalt.

    <table background="BILD1.GIF">

    Bitte auch durch CSS ersetzen.
    Und bitte nicht Inline-Styles (style-Attribute) verwenden,
    sondern zentrales CSS im <style> Bereich im HEAD oder (noch
    besser) alles CSS in einer externen Datei.
    Das laesst sich durch Benutzerstylesheets einfacher wegmachen.

    Gruesse,

    Thomas