Ver Mensaje Individual
  #2 (permalink)  
Antiguo 14/04/2010, 11:06
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: Newsletter con tablas, div y scroll

Si, es una forma correcta. te paso un código de ejemplo

Código:
<!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" /> 
<title>Scroll en celda</title> 
<style type="text/css" media="screen"> 
table { 
width: 220px; 
} 
td { 
height: 50px; 
background-color: #BFCC00; 
width: 110px; 
} 
.scroll { 
height: 100%; 
overflow: auto;
/* la siguiente propiedad no es estandar y la usamos para prevenir el scroll horizontal
lo apropiado sería ajustar el ancho de la celda para que permita el ancho máximo del texto
ya que el scroll horizontal no resulta muy estético */
overflow-x:hidden;
} 
</style> 
</head> 

<body> 
<table> 
<tr> 
<td>Contenido de celda 1</td> 
<td><div class="scroll">
<p>El texto del div contenido en esta celda puede ser de tama&ntilde;o indefinido, ya que aparecer&aacute; la barra de scroll vertical.<br />
  AAAAAAA<br />
  BBBBBBB<br />
  CCCCCCCC<br />
DDDDDDDDDDDDDDDDDDDDDDD<br />
EEEEEEEEEEEEE EEEEEEEE</p>
</div>

  </td> 
</tr> 
<tr> 
<td>Contenido de celda 3</td> 
<td>Contenido de celda 4</td> 
</tr> 
</table> 
</body> 
</html>
Observa el comentario dentro del <style>
saludos