Daniel N.: Scrollbare Tabellen-Zelle

Beitrag lesen

SELF-Forum

Scrollbare Tabellen-Zelle

Daniel N.
– Informationen zu den Bewertungsregeln

Hallo,

ich habe noch einen zweiten Ansatz ohne Tabelle, mit <div> versucht. Klappt so leider auch nicht. Hier mein Versuch:

  
  
<?xml version="1.0" encoding="ISO-8859-1"?>  
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
  
<head>  
<title>Test: position:absolute</title>  
</head>  
  
<body>  
  
<div  
 style="position:relative; height:200px; width: 400px; border: 3px solid olive;">  
  
<div  
 style="position: absolute; top: 0; height: 30px; width: 100%; background-color: yellow;">  
  
Zeile 1</div>  
  
<div  
 style="position: absolute; top: 30px; bottom 30px; left: 0; right: 0; overflow: scroll;">  
  
<p>Zeile 2</p>  
<p>Zeile 2</p>  
<p>Zeile 2</p>  
<p>Zeile 2</p>  
<p>Zeile 2</p>  
<p>Zeile 2</p>  
<p>Zeile 2</p>  
<p>Zeile 2</p>  
</div>  
  
<div  
 style="position: absolute; bottom:0; height: 30px; width: 100%; background-color: yellow;">  
  
Zeile 3</div>  
  
</div>  
  
</body>  
</html>

Was meint ihr zu diesem Ansatz? Mache ich etwas falsch oder geht soetwas grundsätzlich nicht?

Viele Grüße
Daniel

Beitrag melden
–
Informationen zu den Bewertungsregeln