XHTMLforum - DIV in Tabellenzelle mit overflow:auto

XHTMLforum (http://xhtmlforum.de/index.php)

- CSS (http://xhtmlforum.de/forumdisplay.php?f=73)

- - DIV in Tabellenzelle mit overflow:auto (http://xhtmlforum.de/showthread.php?t=54583)

DIV in Tabellenzelle mit overflow:auto

Hi,

ich hoffe Ihr könnt mir ein wenig auf die Sprünge helfen.

Ich habe hier eine Tabelle und möchte in einer Zelle einen Bereich, der einerseits statisch ist (also fixe Breite+Höhe) und wenn der Inhalt mal mehr ist als in diesen Bereich passt, möchte ich das dann Scrollbalken nur in diesem Bereich kommen.

Geht das irgendwie ?

Mein bisheriger Ansatz:

PHP-Code:


		
			
<table>

 <tr height="100">

  <td width="100"></td>

  <td width="300"></td>

  <td width="100"></td>

 </tr>



 <tr height="300">

  <td width="100"></td>

  <td width="300" align="center" valign="middle"><div style="overflow:auto; width:280px; height:280px; display:inline;"> Inhalt der auch größer werden kann ...</div></td>

  <td width="100"></td>

 </tr>



 <tr height="100">

  <td width="100"></td>

  <td width="300"></td>

  <td width="100"></td>

 </tr>

</table>

Aber wie Ihr sicher feststellen werdet, nicht der gewünschte Erfolg :(

Geht das technisch überhaupt mit Tabellen oder muss ich auch CSS/Div's umstellen ?

Schonmal Vielen Dank !

FmP

Zitat:

oder muss ich auch CSS/Div's umstellen ?

Auf CSS umstellen ist der richtige Weg, die Tabelle aber durch <div>'s zu ersetzen der völlig falsche. Layouts macht man nicht mit Tabellen und auch nicht mit div's, Layout macht man einzig und alleine mit CSS.

Das Element <div> ist dafür da, mehrere Elemente zur gemeinsamen Formatierung zu gruppieren. Mit HTML zeichnest du deinen Inhalt aus, Überschriften beginnend mit <h1> bis <h6>, Textabsätze kommen in <p></p>, Listen sind <ul>, <ol> oder <dl> und gehören, wenn sie alleine stehen nicht in ein div.

Kümmer dich beim auszeichnen deines Inhaltes nicht um das Layout, HTML ist nur für die Semantik zuständig, das komplette Layout kommt danach mit CSS.