nicht angemeldet
Hi,
Kann ich denn in einer HTML Tabelle ein einzelnes Feld scroll fähig machen, während ein fester Rahmen darum herum stehen bleibt wo er ist?
Ja. Habe zelle_scrollen.htm in meinem Werkzeugkoffer gefunden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta http-equiv="content-language" content="de">
<meta name="date" content="2005-01-09">
<meta http-equiv="expires" content="0"><!-- 0 = von Originaladresse laden -->
<title>Tabelle</title>
<meta name="author" content="Rudi Remso">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="5 days">
<style type=text/css>
<!--
div.mitte {
position: absolute;
top: 10%;
left: 15%;
height: 85%;
width: 82%;
overflow: auto;
background-color: #ff0;
}
h1 { margin:0; }
p { margin:0 0 0.4em 0; }
table.xx {
height: 100%;
width: 100%;
border-collapse: collapse;
background-color: #08f;
}
table.xx td { border:1px solid #f80; padding:1px; }
table.xx td.td22 {
background-color: #fd0;
overflow: scroll;
vertical-align: top;
}
.gr { font-size:1.2em; }
.kl { font-size:0.8em; }
.sp1 { width:15%; }
.sp2 { width:82%; }
.sp3 { width:03%; }
.zl1 { height:10%; }
.zl2 { height:85%; }
.zl3 { height:05%; }
.c00a { color:#00a; }
.cfff { color:#fff; }
.co { text-align:center; vertical-align:top; }
.bg08f{ background-color:#08f; }
//-->
</style>
</head>
<body style='margin:0; padding:0; font-family:sans-serif;'>
<table align=center class='xx'>
<tr>
<td class='zl1 sp1'>11</td>
<td class='zl1 sp2'>
<h1 class='gr co cfff'>PC - Einzelunterricht</h1>
<p class='co cfff'>mit Laptop für Privat und Selbständige in Ihren Räumen </p>
</td>
<td class='zl1 sp3'>13</td>
</tr><tr>
<td class='zl2 sp1'>
21<br>
<a href='#top'>Top</a><br>
<a href='#test_1'>Test 1</a><br>
</td>
<td class='zl2 sp2'>
</td>
<td class='zl2 sp3'>23</td>
</tr><tr style='background-color:#08f; height:1em;'>
<td class='zl3 sp1'>31</td>
<td class='zl3 sp2'>32</td>
<td class='zl3 sp3'>33</td>
</tr>
</table>
<div class='mitte'>
<a name='top'></a>
Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>
<a name='test_1'></a>
<h3>Test 1</h3>
Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>
Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>
Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>
</div>
</body>
</html>
Gernot Back