fixed sized table mit einem scrollbaren content funktioniert in ff nicht

WarumNur? · #1 (**permalink**) 11.11.2011, 10:37

Hey zusammen

ich versuche eine Tabelle die 300px auf 200px gross ist zu erstellen die zwei reihen hat. Die obere soll als Container für den titel dienen und ist 30px hoch. Die untere soll als Container für alles mögliche dienen. Die höhe soll automatisch berechnet werden (table-layout:fixed). Das Problem dabei ist das der ff die Tabelle einfach vergrössert wenn der Inhalt zu gross ist es sollte aber eine Scrollbar angezeigt werden wie bei allen anderen browsern.

Hat jemand eine Idee wie ich das Problem ohne js lösen könnte?

HTML-Code:

<table style="height:300px;width:200px;">
  <thead>
    <tr style="height:30px;">
      <td>Title</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <div style="overflow:auto;height:100%;">
          <div style="height:500px;"></div>
        </div>
      </td>
    </tr>
  </tbody>
</table>

take_a_7 · #2 (**permalink**) 11.11.2011, 19:10

Moin,

Zitat:

Zitat von WarumNur?

Hat jemand eine Idee wie ich das Problem ohne js lösen könnte?

Kein Tabellenlayout verwenden.

gruß,
take

WarumNur? · #3 (**permalink**) 11.11.2011, 20:27

Zitat:

Zitat von take_a_7

Kein Tabellenlayout verwenden.

auto ist der default wert und die einzige andere Möglichkeit und mit der funktioniert es auch nicht

ich konnte das Problem nur mit dem Firefox reproduzieren (8.0)

Praktikant · #4 (**permalink**) 13.11.2011, 12:54

overflow:scroll; hilft.

Wirf trotzem das Tabellenlayout raus. Die arme Tabelle wird komplett vergewaltigt. Ohne die hätte dein Code noch 5 Zeilen.

Desweiteren fehlt alles was ein HTML-Dokument ausmacht. Ich hoffe es fehlt nur im Beispiel.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit einem 3D-Effekt	moep0710	CSS	12	12.06.2010 14:30
Wir der alternative Content vom Browser geladen, wenn die swf-Ausgabe funktioniert?	rockpianist	(X)HTML	2	20.04.2009 12:50
Falsche Darstellung im Internet Explorer	Janizzle	CSS	0	30.08.2007 19:44
layout v.o.n.u.: 30px, rest, 30px mit div möglich?	docstevie	CSS	2	20.02.2005 19:58