Problem mit Scrollbalken in HTML

[creonisita]

Hallo!
Ich habe Text in einer versteckten Tabellenzeile. Wenn er zu lang ist, soll er einen Scroll-Balken kriegen. Habe dazu ein DIV um die Tabelle gelegt und dem DIV die gleiche Größe wie der Tabellenzeile gegeben. Nun schrumpft mir aber trotzdem meine Tabellenzeile immer zusammen, sobald der Scrollbalken benötigt wird.

Wieso?

Quelltext:

<div style="height:430px; width:760px; overflow:auto">
<table border="0" cellpadding="0" cellspacing="0">
<tr height=430px width=760px>
...
</tr>
</table>
</div>

Wäre total froh über Tipps!

Viele Grüße,
Maria

 

[RaZ0oR]

leg den div mal nur in die tabellenzeile wo der scrollbalken erscheinen soll

 

[creonisita]

mmh, dann schiebt es mehr seltsamerweise den ganzen Inhalt nach unten und zwar um die Größe des Divs

 

[threadi]

Du kannst keine Tabellenzeile so formatieren, dass sie scrollbar ist. Das ginge höchstens mit den Inhalten einer einzelnen Tabellenzelle, dort aber auch nur etwas kompliziert.

Die Frage ist eher wieso du an dieser Stelle eine Tabelle brauchst? Sind es wirklich tabellarische Daten?

 

[neuroleptika]

Die Höhe von <tr> ergibt sich aus der Höhe von der höchsten <td> in <tr>.
<td> wächst mit ihrem Inhalt mit.
html

<table>
  <tr>
    <td class="scrollbox">
    <div>Eine Box mit overflow:auto,<br /> width und height</div>
    </td>
    <td>Die nächste Zelle</td>
  </tr>
</table>

css

table {
    border-collapse : collapse;
  }

td {
    background-color: #6AA3AE;
    vertical-align : top;
  }

.scrollbox div {
    height:80px;
    width:80px;
    overflow:auto;
    padding: 0 30px 30px 30px;
    background-color: #CDCDCD;
  }