bjoern: Tabellen mit langen Hintergrundbildern

SELF-Forum

Tabellen mit langen Hintergrundbildern

bjoern
– Informationen zu den Bewertungsregeln

Moinsen!

Ich habe auf einer Seite eine Tabelle, die eine relative Höhe von 100% hat.
In dieser Tabelle befindet sich eine weitere Tabelle, die wiederum auch eine Höhe von 100% haben soll. Wieso wird nun aber die innere Tabelle nicht auf die größt möglichste Größe gezogen? (Getestet im IE) Es soll nämlich innerhalb dieser Zweiten Tabelle eine Hintergrundbild möglichst groß dargestelt werden. Wie läufts richtig?

Hier der Code:

<body marginheight="0px" marginwidth="0px" leftmargin="0px" topmargin="0px">
  <table cellpadding="0px" cellspacing="0px" width="1003px" align="center" valign="middle">
    <tr>
      <td valign="bottom">Hallo</td>
    </tr>
    <tr>
   <td>
    <table cellpadding="0px" cellspacing="0px"  width="1003px" height="100%">
   <tr>
     <td>Blabla</td>
   </tr>
    </table>
      </td>
    </tr>
  </table>
</body>

Liebe Grüße
Björn

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Tabellen mit langen Hintergrundbildern

    Gernot Back Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo bjoern,

    Tabellen solltest du grundsätzlich nur mit CSS in der Höhe definieren. Dabei richtet sich height:100% jeweils nach der Höhe des Elternelements. Wenn du da nichts definiert hast, hat die Angabe auch keine Wirkung. Einzige Ausnahme ist da am ehesten das TR-Element. Aber ansonsten siehst du besser konkrete Höhenangaben bis hinauf zum HTML-Element vor, wenn du eine Wirkung sehen willst.

    So könnte das aussehen:

      
html, body, table, #deineZuStreckendeZelleDerAuesserenTabelleMitDerInnerenTabelleDrin {  
  height:100%;  
  margin:0;  
  padding:0;  
}

    Gruß Gernot

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln