HTML: 100% Höhe bei Tabellen

[CalganX]

Hi,
ich bin jetzt langsam kurz vor der Verzweiflung. :?
Ich habe nun wirklich alles erdenkliche versucht und das perverse ist, dass es bei einer anderen Website (von mir) perfekt funktioniert. :wall:

Ich will eine Tabelle haben, die genauso hoch ist wie das Fenster, in dem es angezeigt wird (wenn mehr Text vorhanden ist, soll die Tabelle natürlich größer werden). Darum sieht meine Tabelle ungefähr so aus:

Code:

   <table cellpadding="0" cellspacing="0" border="0" height="100%" class="designTable" align="center">
      <tr>
         <td align="left" valign="top">
            
         </td>
      </tr>
   </table>

Und die CSS-Klasse designTable sieht so aus:

Code:

.designTable {
   background-color: #EEEFFF;
   width: 1000px;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
   border-bottom: 1px solid #000000;
   height: 100%;
}

Aber egal, was ich mache... die Tabelle ist immer nur so hoch, wie ihr Inhalt. :wall:
Hat jemand eine Idee, was ich falsch mache?

Chris

[alcaeus]

Willkommen in der Welt der HTML-Standards. Laut der W3C-Spezifikation gehoert das height:100% zum Standard (auch fuer Tabellen), jedoch weigern sich Opera und FF das zu implementieren. Im IE geht es AFAIK, Netscape habe ich nicht versucht. Welchen Browser hast du verwendet?

Greetz
alcaeus

[Mystic]

Setz die Höhe von BODY und HTML auch auf 100%. Die Höhe der beiden Elemente ist sonst minimal, und deswegen wird die Tabelle mit height: 100% auch nicht größer.

[mh166]

Und versuchs mal mit der CSS-Eigenschaft min-height:100%;. Vllt. hilfts ja. Obwohl man dazu sagen muss, dass es nicht von allen Browsern interpretiert wird (siehe Link).

Und @Mystic: sicher, dass das W3C-konform is?

mfg, mh166

[yankee]

Kannst du uns die Adresse von deiner Seite verraten?

[Gina]

Hallo,

laut SelfHtml

Zitat:

<table height=> Bestimmt die Höhe der gesamten Tabelle in Bezug auf das Anzeigefenster. Diese Angabe wird zwar von den Browsern schon lange unterstützt und wird in der Praxis häufig benutzt, gehörte jedoch nie zum HTML-Standard.

Die Tabellenhöhe hat noch nie zum Standard gehört. Und die Höhe bei <th> und <td> ist als deprecated eingestuft... :(

Gina.

[Mystic]

Zitat:

Zitat von mh166

Und @Mystic: sicher, dass das W3C-konform is?

Per CSS:

Code:

html, body { 
  height: 100%;
}

Als Attribut ist das natürlich nicht konform. ;)

[CalganX]

Hi,
Mystic's Typ war der Entscheidende. :)
Hab das jetzt so mit CSS gemacht, wie du vorgeschlagen hast. Jetz funktioniert es endlich. :firejump:

Danke,
Chris

[alcaeus]

Zitat:

Zitat von Gina

Die Tabellenhöhe hat noch nie zum Standard gehört. Und die Höhe bei <th> und <td> ist als deprecated eingestuft... :(

<table height=... nicht, da hast du Recht. Und height=... ist als deprecated eingestuft, weil es CSS gibt. <table style="height:.." gehoert sehr wohl zum W3C-Standard ;)

Greetz
alcaeus

[mh166]

@Mystic: Danke für den Tipp! Hätte nich gedacht, dass man height auf diese Elemente anwenden darf...

mfg, mh166