Christoph: Leere Zelle in Tabelle anzeigen

Hallo

Ausgangslage:
http://restaurant-schützenhaus.ch/

Der Inhalt ist vom einem Schlagschatten umrandet.
Mittels einer Tabelle mit 3x3 Zellen habe ich mit Hintergrundbildern den Schatten in die äusseren Zellen eingefügt. Der Schatten ist 30px breit. Folglich habe ich die äusseren Zellen mit min-height:30px und min-width:30px damit das Hintergrundbild vollständig angezeigt wird.

In der mittleren Zelle wird der Inhalt angezeigt.

Problem:
In den aktuellen Browsern funktioniert das wunderbar.
Doch bei den älteren sieht das dann so aus:

Seite in ie7

Diese Möglichkeiten habe ich schon versucht:

  • empty-cells:show;
  • <colgroup>

Die Zellen mit &nbsp; zu füllen funktioniert ist aber nicht sauber.

Was gibt es noch für Möglichkeiten an was könnte es liegen...ich weiss nicht mehr weiter.

Besten Dank für Lösungsvorschläge

  1. 'ǝɯɐu$ ıɥ

    Die Zellen mit &nbsp; zu füllen funktioniert ist aber nicht sauber.

    nicht sauber im vergleich zu was?

    Was gibt es noch für Möglichkeiten an was könnte es liegen...ich weiss nicht mehr weiter.

    Jehova, nimm ein spacer gif - aber nicht als hintergrund....

    ssnɹƃ
    ʍopɐɥs

    --
    Answers: $1, Short: $5, Correct: $25, dumb looks are still free ...
    1. Jehova, nimm ein spacer gif - aber nicht als hintergrund....

      Jehova: Ich würde dann doch eher zum &nbsp;-Workaround raten, spart Code und HTTP-Requests.

  2. hei,

    ich wuerde zu einem CSS Layout raten.

    LG

  3. Mahlzeit Christoph,

    Die Zellen mit &nbsp; zu füllen funktioniert ist aber nicht sauber.

    Unsauberer als Tabellenlayout kann es nicht sein ...

    MfG,
    EKKi

    --
    sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
  4. @@Christoph:

    nuqneH

    Mittels einer Tabelle mit 3x3 Zellen habe ich mit Hintergrundbildern den Schatten in die äusseren Zellen eingefügt.

    Das ist hochgradig unsinnig. Weder Gestelle noch Hintergrundbilder sind dafür notwendig.

    Mozillas, Opera und Webkits kennen die 'box-shadow'-Eigenschaft mit jeweils ihren Präfixen als '-moz-box-shadow', '-o-box-shadow' bzw. '-webkit-box-shadow'.

    IEs haben dafür ihren proprietären <http://de.selfhtml.org/css/eigenschaften/filter.htm#glow@title=Filter Glow()>.

    Qapla'

    --
    Volumen einer Pizza mit Radius z und Dicke a: pi z z a