Hola Sergio!
Un post mío! Qué chico es el mundo a veces...
Bueh! ahí va el ejemplo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 78%;
}
#LayerTexto {
width:100%;
height:100px;
z-index:1;
overflow: auto;
background-color: #00CCFF;
}
#LayerTexto p {
font-family: "Times New Roman", Times, serif;
font-size: 130%;
padding: 5px 5px 10px 5px;
}
td {
vertical-align: top;
}
.resaltado {
background-color: #CCFF99;
padding-top: 10px;
padding-bottom: 10px;
}
</style>
<title>demo scroll en celda</title>
</head>
<body>
<table width="90%" height="100%" border="0" align="center">
<tr>
<td width="33%">La celda adyacente tiene un scroll mediante un div </td>
<td width="67%">
<div id="LayerTexto" class="scroll">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus euismod. Proin ut nisl id sem malesuada ullamcorper. Curabitur sit amet sapien vel enim iaculis sagittis. Aenean id nibh. Nunc aliquam est at tellus. Sed sollicitudin interdum mi. Quisque at mauris vitae lectus accumsan faucibus. Vestibulum at est. Mauris vitae ipsum. Pellentesque at urna. Aliquam nunc. Quisque fermentum, sapien eget adipiscing cursus, sapien quam rutrum nulla, in tempor diam nulla quis nunc. Pellentesque gravida eleifend arcu.</p>
</div></tr>
<tr>
<td>La celda adyacente no tiene scroll. </td>
<td class="resaltado">Esta celda no tiene scroll, no tiene div. Saludos!
</tr>
</table>
</body>
</html>
Considerá que cuando en la línea
padding: 5px 5px 10px 5px;
Los valores se leen arriba-derecha-abajo-izquierda (top-right-down-left
De otra forma pueden también declararse
padding-top: 10px;
padding-bottom: 10px;
Con omisión (cero) para los otros dos.
Suerte!
