Foros del Web » Creando para Internet » Herramientas y Software »

problema div posición absoluta

Estas en el tema de problema div posición absoluta en el foro de Herramientas y Software en Foros del Web. Hola, necesito ayuda para colocar un texto y no se mueva cuando se hacen modificaciones en el tamaño del explorador. Resulta que tengo un diseño ...
  #1 (permalink)  
Antiguo 02/03/2010, 08:47
 
Fecha de Ingreso: mayo-2006
Mensajes: 198
Antigüedad: 17 años, 11 meses
Puntos: 1
problema div posición absoluta

Hola, necesito ayuda para colocar un texto y no se mueva cuando se hacen modificaciones en el tamaño del explorador.
Resulta que tengo un diseño hecho en photoshop cuya imagen coloco en dreamweaver dentro de una etiqueta Div. Luego, dentro de la misma inserto una Div Pa, que me permite colocarla en la parte del diseño donde quiero que haya texto. Pero cuando abro el html esa capa con el texto aparece en cualquier lado del diseño y no donde la coloque en dreamweaver. Si alguien me da una mano le agradezco mucho.
Les pego el código:
<body>
<div id="contenedor">
<div align="center">
<img src="Cuerpo + angosto.jpg" width="681" height="595" />
<div id="apDiv1" style="position:absolute; width:339px; height:376px; z-index:1; overflow: auto; top: 194px;">
<table width="200" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td><p>- PERIODICO EL VALLE - Córdoba<br />
15-02-10<br />
Villa Rumipal: en busca de desarrollo turístico sustentable<br />
La Asociación Civil Gustavo Riemann nació en el año 2007, a través de un convenio con la Municipalidad de Villa Rumipal y con la idea de transformarse en un centro cultural que aporte al desarrollo del turismo sustentable preservando los recursos naturales.</p>
<p>- BARINOTICIAS – Bariloche<br />
15-02-10<br />
Expo Banquito 2010 en el SCUM<br />
El próximo martes 16 y miércoles 17 de febrero, más de 30 emprendedores del Banco Popular de la Buena Fe expondrán en el SCUM de Moreno y Villegas. Durante dos días, de 10 a 20 horas, los visitantes podrán adquirir productos de elaboración artesanal, hecho por manos barilochenses.</p>
<p>- LA VOZ DEL PUEBLO – Tres Arroyos<br />
15-02-10<br />
Madre Tierra festejará su aniversario<br />
El proyecto que nació en 2008 sigue creciendo. El año pasado tuvo mucho éxito el área de financiamiento, el desafío para este año es formar la cooperativa y obtener la marca propia.</p></td>
</tr>
</table>
</div>
</div>
</div>
</body>
  #2 (permalink)  
Antiguo 02/03/2010, 09:45
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: problema div posición absoluta

No has dejado tu CSS así que se me hace un poco difícil visualizar tu diseño. Me imagino que eel div está siendo posicionado con relación al body. Si quieres que esté posicionado con relación al contenedor dale una posición relativa al contenedor.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #3 (permalink)  
Antiguo 02/03/2010, 13:36
 
Fecha de Ingreso: mayo-2006
Mensajes: 198
Antigüedad: 17 años, 11 meses
Puntos: 1
Respuesta: problema div posición absoluta

Muchas gracias por contestar juaniquillo. Soy principiante, podrías decirme cómo hago para darle una posición relativa al contenedor.

Gracias.
  #4 (permalink)  
Antiguo 02/03/2010, 14:00
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: problema div posición absoluta

puedes hacerlo usando el panel CSS. Abre la página donde se encuentra tu CSS , escoges la regla que quieres editar y le das a editar regla. Me imagino que tu regla se verá así:



Después en el menú de la izquierda escoges 'Positioning' y escoges "relative".



Con eso el div debería quedar relativo al contenedor. Puedes re-posicionarlo donde quieras
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #5 (permalink)  
Antiguo 02/03/2010, 19:02
 
Fecha de Ingreso: mayo-2006
Mensajes: 198
Antigüedad: 17 años, 11 meses
Puntos: 1
Respuesta: problema div posición absoluta

Hola Juaniquillo, empece de cero porque no me aparecía contenedor en la lista de Estilos CSS porque no era una DIV PA sino una Etiqueta DIV (al menos eso creo). Pero bueno, arranque de cero insertando la imagen como fondo de la DIV PA "contenedor" y luego dentro de ella inserte la DIV PA "texto". A "contenedor" les puse posición relativa y a "texto" absoluta y listo, ahora no se me mueve el texto en el explorador.
Ahora bien, lo que quisiera es que la imagen me quede centrada en el explorador. Actualmente está sobre la izq.
Te copio el código tal cual lo tengo y también el link (http://www.redbancodelabuenafe.org.a...n/boletin.html)

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Boletín del Banco Popular de la Buena Fe</title>
<style type="text/css">
<!--
#contenedor {
position:relative;
width:681px;
height:597px;
z-index:1;
background-image: url(http://www.redbancodelabuenafe.org.a.../boletin.jpg);
}
#texto {
position:absolute;
width:339px;
height:397px;
z-index:2;
left: 165px;
top: 162px;
font-family: "Myriad Pro";
font-size: 12px;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
word-spacing: normal;
overflow: auto;
}
-->
</style>
</head>

<body>
<div id="contenedor">
<div id="texto"> <table width="314" height="391" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><p><strong>- PERIODICO EL VALLE - Córdoba</strong><br />
15-02-10<br />
Villa Rumipal: en busca de desarrollo turístico sustentable<br />
La Asociación Civil Gustavo Riemann nació en el año 2007, a través de un convenio con la Municipalidad de Villa Rumipal y con la idea de transformarse en un centro cultural que aporte al desarrollo del turismo sustentable preservando los recursos naturales.</p>
<p>- BARINOTICIAS – Bariloche<br />
15-02-10<br />
Expo Banquito 2010 en el SCUM<br />
El próximo martes 16 y miércoles 17 de febrero, más de 30 emprendedores del Banco Popular de la Buena Fe expondrán en el SCUM de Moreno y Villegas. Durante dos días, de 10 a 20 horas, los visitantes podrán adquirir productos de elaboración artesanal, hecho por manos barilochenses.</p>
<p>- LA VOZ DEL PUEBLO – Tres Arroyos<br />
15-02-10<br />
Madre Tierra festejará su aniversario<br />
El proyecto que nació en 2008 sigue creciendo. El año pasado tuvo mucho éxito el área de financiamiento, el desafío para este año es formar la cooperativa y obtener la marca propia.</p>
<p>-ALVEAR YA<br />
09/02/10<br />
El banco popular de la buena fe entrego créditos en alvear.<br />
Dos vecinas de la ciudad fueron las primeras beneficiadas. El acto de entrega se realizó en la sede de Caritas Parroquial. Asistieron representantes de Artistas Unidos Azuleños.</p>
<p>El Banco Popular de la Buena Fe o “El banquito” como lo llaman entregó en la tarde del martes los dos primeros créditos en General Alvear.</p>
<p>- CHAVERO SOY<br />
07/02/10<br />
Hoy inaugura la peatonal desde las 20<br />
Los fines de semana de febrero contaran en el sector céntrico con la participación de la Asociación de Artesanos, al Banquito de la Buena Fe, expositores de Tres Arroyos, Benito Juárez y otros puntos de la región.</p> </td>
</tr>
</table></div>
</div>
</body>
</html>

Muchas gracias por tu ayuda.
  #6 (permalink)  
Antiguo 02/03/2010, 19:15
 
Fecha de Ingreso: mayo-2006
Mensajes: 198
Antigüedad: 17 años, 11 meses
Puntos: 1
Respuesta: problema div posición absoluta

Bueno, ahora resulta que tengo otro problemilla. Esa página que arme es para un boletín virtual que quisiera mandar mediante outlook express. Cuando desde el outlook le doy a nuevo mensaje con diseño de fondo ahí me desajusta nuevamente todo. No se cómo hacer.

Gracias.
  #7 (permalink)  
Antiguo 03/03/2010, 08:28
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: problema div posición absoluta

Si es para enviarse por emails te recomiendo que no uses divs posicionados. Aunque me duele decirlo, lo mejor es usar tablas. Es el único método de hacer diseños que es compatible con todos los clientes de emails. También acuérdate de no usar CSS aparte. Tienes que usar CSS 'inline', osea, css aplicado al mismo elemento html, por ejemplo:

Código HTML:
<p style="color:#FFF">contenido</p> 
Esto es debido a que muchos de los clientes de email eliminan todas las etiquetas como <html> y <head>.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #8 (permalink)  
Antiguo 03/03/2010, 12:37
 
Fecha de Ingreso: mayo-2006
Mensajes: 198
Antigüedad: 17 años, 11 meses
Puntos: 1
Respuesta: problema div posición absoluta

Uh!, qué macana. No se si pudiste ver el link que te mandé pero si podés verás que el texto central están dentro de un div y lo hice así ya que me permitía hacer un sroll automático del texto adaptado a mi diseño ya que no quiero esos boletines que se "estiran" cuanto más texto le agregas. Entonces la pregunta es cómo puedo hacer para meter un scroll en una tabla que me permita hacer eso y a la vez vincular los botones con partes del contenido (yo usaba anclaje con nombre).

Gracias nuevamente.
  #9 (permalink)  
Antiguo 03/03/2010, 12:42
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: problema div posición absoluta

Puedes usar un div para eso usando la propiedad 'overflow' de forma inline como digo arriba, pero si planeas usar columnas o posicionar elementos usa tablas usa tablas.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #10 (permalink)  
Antiguo 03/03/2010, 14:23
 
Fecha de Ingreso: mayo-2006
Mensajes: 198
Antigüedad: 17 años, 11 meses
Puntos: 1
Respuesta: problema div posición absoluta

Disculpa mi ignorancia juaniquillo, prometo ponerme a estudiar un poco más pero ahora necesito resolverlo con urgencia. No entiendo bien lo que es inline y dentro de las div tengo tablas. Si yo tengo el siguiente código, ¿cómo hago para que el div "texto" se posicione luego en el explorador donde lo coloco en dreamweaver y no fuera del diseño.
#contenedor {
position:relative;
margin:0 auto;
width:617px;
height:596px;
z-index:1;
}
#texto {
position:absolute;
width:339px;
height:397px;
z-index:2;
left: 167px;
top: 163px;
font-family: "Myriad Pro";
font-size: 12px;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
word-spacing: normal;
overflow: auto;
}
-->
</style>
</head>

<body>
<div id="contenedor"><table width="667" height="592" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="359" height="154" nowrap="nowrap"><img src="http://www.redbancodelabuenafe.org.ar/boletin/boletin.jpg" width="681" height="595" /></td>
</tr>

</table>
<div id="texto"> <table width="314" height="391" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><p align="center"><strong><a name="editorial" id="editorial"></a>EDITORIAL</strong></p>
<p>Hemos comenzado el* año 2010!!* noveno año que el Banco Popular de la Buena Fe* camina* como Política Publica que el* Ministerio de Desarrollo* Social de la Nación junto a las Organizaciones Libres del Pueblo* haciendo* del Microcrédito una* verdadera herramienta de la Economía* Social y un aporte militante a la construcción del proyecto nacional y popular que conduce nuestra presidenta Cristina Fernandez de Kirchner.</p>
<p>Con mas de 100 organizaciones y 850 bancos en funcionamiento , mas de 60.000 créditos otorgados vamos afianzando y mejorando* esta práctica que cada banquito desarrolla en las grandes ciudades y en los parajes mas profundos del interior de nuestra patria.</p>
<p>Hemos logrado* provechosos resultados que han* significado un importante* mejoramiento en la calidad de vida de los emprendedores, *un desarrollo de las capacidades y valores personales, *un despliegue de diversas estrategias de Economía Social, un *crecimiento de las Organizaciones involucradas* y un *compromiso Político activo</p>
<p>En este año 2010 , los Bancos populares de la buena Fe tenemos el gran desafío de fortalecer y* acrecentar nuestra practica a fin consolidar este Proyecto Nacional y* Popular que venimos día a día construyendo. Para ello nos proponemos 4 ejes de trabajo a saber, la formación política, la comercialización, la profundización metodológica* y la comunicación.* A nivel de las organizaciones regionales, los banquitos, los promotores y los emprendedores realizaremos diversas actividades en estos 4 ejes., las cuales serán coordinadas por la Red Nacional del Banco Popular de Buena fe, que nuclea a todas las organizaciones</p>
<p>Estamos convencidos* que con el aporte de cada uno y cada una iremos haciendo posible* una patria para todos y todas.</p>
<p align="center"><a name="actividades" id="actividades"></a><strong>ACTIVIDADES</strong></p>
<p><strong>- Reunión de la Red Nacional del Banco Popular de la Buena Fe.</strong><br />
El lunes 15 y Martes 16 se lleva a cabo la reunión de la Red Nacional, con la participación de referentes de las 7 redes del Banco Popular de la Buena Fe</p>
<p><strong>- Reunión de la Red NOA del Banco Popular de la Buena Fe.</strong><br />
El Jueves 25 y Viernes 26 se llevará a cabo en San Miguel de Tucumán el primer encuentro de la Red NOA del 2010.<br />
<br />
<strong>- Capacitación Inicial Banco Popular Pachaniwan.</strong><br />
Jujuy, 6 y 7 de Febrero de 2010. 60 participantes.</p>
<p><strong>- III Encuentro Nacional de Bancos Rurales.</strong><br />
Buenos Aires, 3 al 5 de Noviembre de 2009. Tres participantes de cada una de las regiones.</p>
<p align="center"><strong><a name="medios" id="medios"></a>MEDIOS</strong></p>
<p><strong>- PERIODICO EL VALLE - Córdoba</strong><br />
15-02-10<br />
Villa Rumipal: en busca de desarrollo turístico sustentable<br />
La Asociación Civil Gustavo Riemann nació en el año 2007, a través de un convenio con la Municipalidad de Villa Rumipal y con la idea de transformarse en un centro cultural que aporte al desarrollo del turismo sustentable preservando los recursos naturales.</p>
<p>- BARINOTICIAS – Bariloche<br />
15-02-10<br />
Expo Banquito 2010 en el SCUM<br />
El próximo martes 16 y miércoles 17 de febrero, más de 30 emprendedores del Banco Popular de la Buena Fe expondrán en el SCUM de Moreno y Villegas. Durante dos días, de 10 a 20 horas, los visitantes podrán adquirir productos de elaboración artesanal, hecho por manos barilochenses.</p>
<p>- LA VOZ DEL PUEBLO – Tres Arroyos<br />
15-02-10<br />
Madre Tierra festejará su aniversario<br />
El proyecto que nació en 2008 sigue creciendo. El año pasado tuvo mucho éxito el área de financiamiento, el desafío para este año es formar la cooperativa y obtener la marca propia.</p>
<p>-ALVEAR YA<br />
09/02/10<br />
El banco popular de la buena fe entrego créditos en alvear.<br />
Dos vecinas de la ciudad fueron las primeras beneficiadas. El acto de entrega se realizó en la sede de Caritas Parroquial. Asistieron representantes de Artistas Unidos Azuleños.</p>
<p>El Banco Popular de la Buena Fe o “El banquito” como lo llaman entregó en la tarde del martes los dos primeros créditos en General Alvear.</p>
<p>- CHAVERO SOY<br />
07/02/10<br />
Hoy inaugura la peatonal desde las 20<br />
Los fines de semana de febrero contaran en el sector céntrico con la participación de la Asociación de Artesanos, al Banquito de la Buena Fe, expositores de Tres Arroyos, Benito Juárez y otros puntos de la región.</p> </td>
</tr>
</table></div>
</div>
</body>
</html>

Muchísimas gracias nuevamente.
  #11 (permalink)  
Antiguo 03/03/2010, 17:57
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: problema div posición absoluta

css inline es, vez de tenerlo así:

Código CSS:
Ver original
  1. #contenedor {
  2.   position:relative;
  3.   margin:0 auto;
  4.   width:617px;
  5.   height:596px;
  6.   z-index:1;
  7. }

debes ponerlo, po ejemplo, así:


Código HTML:
Ver original
  1. <div id="contenedor" style="position:relative;margin:0 auto;width:617px;height:596px;z-index:1;">
  2. <!-- resto del código -->
  3. </div>

Osea. poner todo el estilo en el mismo elemnto html. Una vez hagas esto no necesitarás poner id a los elementos, así que le podrás quitar el id="contenedor" a ese ejemplo. También, si no vas a estar usando posicionamiento no necesitarás usar el z-index.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #12 (permalink)  
Antiguo 03/03/2010, 19:40
 
Fecha de Ingreso: mayo-2006
Mensajes: 198
Antigüedad: 17 años, 11 meses
Puntos: 1
Respuesta: problema div posición absoluta

Gracias por la explicación Juaniquillo, pero no hay caso. Puse todo el código como decis (inline) pero cuando abro el boletín en un mail a través de la pág. web del mail (ej. yahoo o gmail) el div me sale debajo del diseño y no donde lo coloque en dreamweaver. En el outlook express lo veo bárbaro pero en la web del proveedor de mail no, me está volviendo loco. El único motivo por el que uso el div es para poder ponerle scroll al texto que quiero insertar. ¿Es la única manera?

Muchas gracias.
  #13 (permalink)  
Antiguo 04/03/2010, 06:51
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: problema div posición absoluta

eso me suena que todavía estás usando posicionamiento. ¿Has hecho la tabla con las tres columnas y metiste el div en el medio? Deja otro enlace con el nuevo newsletter, el de las tablas para revisarlo.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #14 (permalink)  
Antiguo 04/03/2010, 18:16
 
Fecha de Ingreso: mayo-2006
Mensajes: 198
Antigüedad: 17 años, 11 meses
Puntos: 1
Respuesta: problema div posición absoluta

Hola Juaniquillo, tengo creado un div (inline) con posición relativa, dentro del cual tengo una tabla con la imagen del diseño y otro div (también inline) con posición absoluta en la cual pongo el texto. El código es el siguiente:

</style>
</head>

<body>
<div style="position:relative; width: 683px; height: 596px; margin: 0 auto;">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://www.redbancodelabuenafe.org.ar/boletin/boletin.jpg" width="681" height="595" />
<div style="overflow:auto; position: absolute; left: 168px; top: 168px; width: 333px; height: 387px; font: myriad pro; font-size: 12px; text-align: justify;">
<p align="center"><strong><a name="editorial" id="editorial"></a>EDITORIAL</strong></p>
<p>Hemos comenzado el* año 2010!!* noveno año que el Banco Popular de la Buena Fe* camina* como Política Publica que el* Ministerio de Desarrollo* Social de la Nación junto a las Organizaciones Libres del Pueblo* haciendo* del Microcrédito una* verdadera herramienta de la Economía* Social y un aporte militante a la construcción del proyecto nacional y popular que conduce nuestra presidenta Cristina Fernandez de Kirchner.</p>
<p>Con mas de 100 organizaciones y 850 bancos en funcionamiento , mas de 60.000 créditos otorgados vamos afianzando y mejorando* esta práctica que cada banquito desarrolla en las grandes ciudades y en los parajes mas profundos del interior de nuestra patria.</p>
<p>Hemos logrado* provechosos resultados que han* significado un importante* mejoramiento en la calidad de vida de los emprendedores, *un desarrollo de las capacidades y valores personales, *un despliegue de diversas estrategias de Economía Social, un *crecimiento de las Organizaciones involucradas* y un *compromiso Político activo</p>
<p>En este año 2010 , los Bancos populares de la buena Fe tenemos el gran desafío de fortalecer y* acrecentar nuestra practica a fin consolidar este Proyecto Nacional y* Popular que venimos día a día construyendo. Para ello nos proponemos 4 ejes de trabajo a saber, la formación política, la comercialización, la profundización metodológica* y la comunicación.* A nivel de las organizaciones regionales, los banquitos, los promotores y los emprendedores realizaremos diversas actividades en estos 4 ejes., las cuales serán coordinadas por la Red Nacional del Banco Popular de Buena fe, que nuclea a todas las organizaciones</p>
<p>Estamos convencidos* que con el aporte de cada uno y cada una iremos haciendo posible* una patria para todos y todas.</p>
<p align="center"><a name="actividades" id="actividades"></a><strong>ACTIVIDADES</strong></p>
</div></td>
</tr>
</table>
</div>
</body>
</html>

Muchas gracias.
  #15 (permalink)  
Antiguo 04/03/2010, 18:18
 
Fecha de Ingreso: mayo-2006
Mensajes: 198
Antigüedad: 17 años, 11 meses
Puntos: 1
Respuesta: problema div posición absoluta

Para ver el boletin (que si no lo mando por mail anda de 10 ) está en
http://www.redbancodelabuenafe.org.a...n/boletin.html
  #16 (permalink)  
Antiguo 05/03/2010, 06:46
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: problema div posición absoluta

Como sospechaba, todavía estás utilizando posicionamiento en el div. Además, estás usando una gran imagen para todo. Deberías dividir la imagen en tres para poner cada una en una columna de la tabla y el header y el footer ponerlos cada uno en una celda aparte. el div deves meterlo en la columna del medio. En cuanto a la del medio que no tiene nada la solución sería ponerla de fondo, pero no aconsejo eso con boletines de email ya que algunos clientes de emails no aceptan imágenes de fondo por seguridad (Gmail por ejemplo). Así que te aconsejo que no uses imagen en el medio y solo usa el div con la información y que uses un color plano de fondo.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #17 (permalink)  
Antiguo 06/03/2010, 09:55
 
Fecha de Ingreso: mayo-2006
Mensajes: 198
Antigüedad: 17 años, 11 meses
Puntos: 1
Respuesta: problema div posición absoluta

Juaniquillo, muchas gracias! Ahora sí me funciona. Te pido una última ayuda para poder acomodar mejor el div en la celda y el texto del div. Resulta que quisiera centrar el div en la celda (ahora lo tengo sobre la izquierda y arriba). Y luego ver si le puedo dar más margen al texto dentro del div (se me ocurría meter una nueva tabla dentro del mismo y ahí meter el texto pero capaz haya alguna función más conveniente). Te copio el código que tengo ahora:

<div style="width: 340px; height: 400px; margin: 0 auto; overflow: auto; font:'Myriad Pro'; font-size:12px; text-align:justify; background: #DBF3FD;">

Muchas gracias por tu ayuda.
  #18 (permalink)  
Antiguo 07/03/2010, 09:19
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: problema div posición absoluta

Si estas usando margin: 0 auto en el div se supone que esté centrado en la celda donde está.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #19 (permalink)  
Antiguo 08/03/2010, 08:36
 
Fecha de Ingreso: mayo-2006
Mensajes: 198
Antigüedad: 17 años, 11 meses
Puntos: 1
Respuesta: problema div posición absoluta

Sí, pero en el outlook express no queda centrado. Igual lo solucioné metiendo el div dentro de otra tabla del tamaño y posición que quiero. Ahora estoy teniendo otro problema que no se si tiene que ver con alguna incompatibilidad con el programa o qué. Yo tengo vinculado los botones a distintas partes del texto del div mediante "anclaje con nombre". En el internet explorer me funciona bien pero en el outlook, cuando recibo el boletín y hago click sobre esos botones no me dirige a ningun lado y me aparece el siguiente mensaje de error:
"No se puede encontrar "file:///D:/...la ruta dode tengo el html/". Compruebe que la ruta o dirección de internet sean correctos.
¿Qué podrá ser? ¿Hay alguna otra forma de linkear los botones al texto?

Muchas gracias Juaniquillo.
  #20 (permalink)  
Antiguo 09/03/2010, 07:29
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: problema div posición absoluta

Eso quiere decir que las imágenes no están en internet, sino en tu computadora. Necesitas subir las imagenes a algún servidor para que estén accesibles para todo el mundo como hiciste con la imagen columnaizq.jpg
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #21 (permalink)  
Antiguo 09/03/2010, 09:44
 
Fecha de Ingreso: marzo-2010
Mensajes: 1
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: problema div posición absoluta

Muy interesante este foro, me ha servido. Gracias
  #22 (permalink)  
Antiguo 13/03/2010, 11:11
 
Fecha de Ingreso: mayo-2006
Mensajes: 198
Antigüedad: 17 años, 11 meses
Puntos: 1
Respuesta: problema div posición absoluta

Hola Juaniquillo, gracias por contestar. Pero no se trata de imagenes, sino de anclajes con nombre vinculados a zonas interactivas. Por eso no entiendo cuál es el problema.

Gracias.
  #23 (permalink)  
Antiguo 13/03/2010, 19:50
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: problema div posición absoluta

No puedes usar zonas interactivas en este caso. Como te dije arriba, solo usa simple layout de tablas, imágenes y texto. Casi todos los cliente de email borran que tengan que ver con areamaps.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #24 (permalink)  
Antiguo 14/03/2010, 14:16
 
Fecha de Ingreso: mayo-2006
Mensajes: 198
Antigüedad: 17 años, 11 meses
Puntos: 1
Respuesta: problema div posición absoluta

Gracias Juaniquillo. ¿Entonces qué es recomendable en este caso para vincular un boton que al hacer click me dirija a determinada parte del texto que tengo en el div?

Muchas gracias.
  #25 (permalink)  
Antiguo 15/03/2010, 11:12
 
Fecha de Ingreso: mayo-2006
Mensajes: 198
Antigüedad: 17 años, 11 meses
Puntos: 1
Respuesta: problema div posición absoluta

Juaniquillo, el problema parace no ser las zonas interactivas, pues si en lugar de vincular a un anclaje con nombre las vinculo a un página web funcionan sin problema. El inconveniente para el outlook express parece que es entonces el anclaje con nombre pero no se de qué otra manera vincular al texto.

Gracias.
  #26 (permalink)  
Antiguo 16/03/2010, 14:35
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: problema div posición absoluta

entonces estás hablando de anclas, como lo llama DW. Tampoco te recomiendo que las uses. Según mi experiencia, Outlook no interpreta el html como un navegador. Lo mejor es que en el email haya un enlace a una página donde esté toda la información que quieras poner.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #27 (permalink)  
Antiguo 22/04/2010, 14:09
 
Fecha de Ingreso: mayo-2006
Mensajes: 198
Antigüedad: 17 años, 11 meses
Puntos: 1
Respuesta: problema div posición absoluta

Muchas gracias Juaniquillo. El boletín lo colgué en la web y al hacer click en cualquier link dirige al boletín de la web, que le vamos a hacer..

Gracias!

Etiquetas: editores-web
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:56.