Newsletter con tablas, div y scroll

seragui · #1 (**permalink**) 14/04/2010, 09:21

Hola, que tal.

Es la primera vez que escribo en foro de HTML, luego lo primero un saludo a todos.

No se si este tema está correcto aquí. Si no es así pido disculpas y que los moderadores lo muevan donde sea correcto.

Bien, al tema. Voy a realizar una newsletter que luego enviará una empresa dedicada a realizar envíos. Esta newsletter, al ser demasiado larga ya que va a tener mucho contenido, necesito realizar ciertas partes del contenido con scroll, para evitar un scroll de página muy largo. Esto tiene que ser así. Ya se que una news solo debe de informar de contenido y que linke a un sitio donde esté más desarrollado, pero en este caso tiene que ser así.

He pensado en realizarlo con tablas y dentro de cada fila, el contenido que sea extenso meterlo dentro de un div con un height de la misma altura que la altura de la tabla y overflow en auto para que salga el scroll.

Me gustaría saber si opináis si es correcto meter un div dentro de un <td> para este caso o si conocéis alguna otra manera mejor de realizarlo.

Saludos

emprear · #2 (**permalink**) 14/04/2010, 11:06

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

seragui · #3 (**permalink**) 15/04/2010, 02:08

Gracias por tu respuesta, emprear.

Quería saber opiniones de otros desarrolladores. Siempre vienen bien y se aprende a la vez que se enseña.

Saludos!

seragui · #4 (**permalink**) 06/05/2010, 10:55

Hola.

Hace tiempo planteé este post sobre poner un scroll en una tabla. Bien, la respuesta de meter dentro del td un div y ponerles el estilo overflow puede funcionar.

Bien, resulta que estoy montando una newsletter y necesito meter un scroll en uno de los contenidos ya que es demasiado grande. Lo realizo con tablas y el contenido lo meto dentro de un div con style overflow en un td, pero sucede que según lectores de correo en unos funciona y en otros no. Es decir, la propiedad overflow no todos la reconocen. Outlook 2007, Thunderbird, Hotmail si la reconecen y se ve OK, pero Gmail y Yahoo no lo reconoce y se despliega todo el contenido, pisando todo lo que quede por debajo.

¿Alguien conoce una solución para poner contenido en un scroll en una newsletter y que funcione en los lectores de correo?. Ya no se por donde tirar.

Gracias.

aldo1982 · #5 (**permalink**) 14/07/2010, 22:52

Cita:

Iniciado por seragui

Hola.

Hace tiempo planteé este post sobre poner un scroll en una tabla. Bien, la respuesta de meter dentro del td un div y ponerles el estilo overflow puede funcionar.

Bien, resulta que estoy montando una newsletter y necesito meter un scroll en uno de los contenidos ya que es demasiado grande. Lo realizo con tablas y el contenido lo meto dentro de un div con style overflow en un td, pero sucede que según lectores de correo en unos funciona y en otros no. Es decir, la propiedad overflow no todos la reconocen. Outlook 2007, Thunderbird, Hotmail si la reconecen y se ve OK, pero Gmail y Yahoo no lo reconoce y se despliega todo el contenido, pisando todo lo que quede por debajo.

¿Alguien conoce una solución para poner contenido en un scroll en una newsletter y que funcione en los lectores de correo?. Ya no se por donde tirar.

Gracias.

hola, te doy mi opinion ... si el correo que se enviará es muy largo, hacélo con tablas-- ya que no todos los cleitnes de correo leen de forrma correcta las propiedades de los <div>

eso fue todo je

salu2