Re: [Ovillo] Espacio vertical entre div
Hola Ramón: On Sun, 09 Oct 2005 15:15:05 -0400, Ramon Lapenta wrote Por que no haces tres divs para cada seccion, cada una con su respectiva imagen de background, asi cumples con el proposito de CSS de separar la estructura de la presentacion. div id=contenedor div id=top_head/div div id=cen_head/div div id=bottom_head/div div id=top_content/div div id=cen_content/div div id=bottom_content/div /div y con CSS lso posicionas, le das tamaño y colocas la imagen de fondo. Asi lo he hecho varias veces y no he tenido problemas. Así era como inicial comencé a implementarlo pero entre las distintos div's aparecía un margen vertical que no era capaz de controlar. Gracias a los comentarios de Inti logré solucionarlo en FF y SAFARI, pero nuevo amigo IE seguía dado problemas. Finalmente opté por una opción menos elegante y correcta pero funcional. un saludo Saludos. Manuel J. Recena Soto escribió: Hola Inti: On Sun, 9 Oct 2005 13:55:08 -0300, Inti Castro wrote On 10/9/05, Manuel J. Recena Soto [EMAIL PROTECTED] wrote: Necesito que las esquinas sean transparentes y el cuerpo del content y del header con color de fondo. Y claro, si aplico color de fondo e imagen de fondo, por mucha transparencia que tenga la imagen de fondo, lo que aparece es el color de fondo del div en lugar del fondo aplicado al body. http://www.alistapart.com/articles/customcorners2 Muchas gracias por el enlace. Es cierto, es una solución, pero demasiado rígida. Yo necesito un contenedor con las esquinas redondeadas para rellenar con texto, con formularios, imágenes, etc... La solución de alistapart presupone cual va a ser el color de fondo de cada esquina. Yo lo que tengo es un tile que se repite horizontal y verticalmente. Finalmente voy a dejar las dos imágenes, una para la parte superior y otra para la inferior. Te agradezco mucho la ayuda. De esta forma es menos fustrante trabajar con CSS :) un saludo inti castro [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Manuel J. Recena Soto * www.manuelrecena.com * [EMAIL PROTECTED] * +34 609710280 (ES) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Manuel J. Recena Soto * www.manuelrecena.com * [EMAIL PROTECTED] * +34 609710280 (ES) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Espacio vertical entre div
Hola a todos: La verdad es que no sabía que subject ponerle al correo :) ¿Alguien sabe por qué tanto IE, como FF y SAFARI dejan un margen vertical en el siguiente ejemplo? http://www.manuelrecena.com/test Muchas gracias. un saludo -- Manuel J. Recena Soto * www.manuelrecena.com * [EMAIL PROTECTED] * +34 609710280 (ES) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Espacio vertical entre div
On 10/9/05, Manuel J. Recena Soto [EMAIL PROTECTED] wrote:
¿Alguien sabe por qué tanto IE, como FF y SAFARI dejan un margen vertical
en el siguiente ejemplo? http://www.manuelrecena.com/test
este comportamiento se conoce como
margin-collapsehttp://www.andybudd.com/archives/2003/11/no_margin_for_error/index.php
.
para evitarlo:
#content {
padding: 1px 13px 1px 13px;
}
o sino:
#content {
border: 1px solid #fff; border-width: 1px 0;
}
la que mas te sirva.
inti castro
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Espacio vertical entre div
Hola Inti:
On Sun, 9 Oct 2005 11:02:19 -0300, Inti Castro wrote
On 10/9/05, Manuel J. Recena Soto [EMAIL PROTECTED] wrote:
¿Alguien sabe por qué tanto IE, como FF y SAFARI dejan un margen vertical
en el siguiente ejemplo? http://www.manuelrecena.com/test
este comportamiento se conoce como
margin-collapsehttp://www.andybudd.com/archives/2003/11/no_margin_for_error/index.php
..
para evitarlo:
#content {
padding: 1px 13px 1px 13px;
}
o sino:
#content {
border: 1px solid #fff; border-width: 1px 0;
}
la que mas te sirva.
Cierto, hace poco tuve un problema similar y estaba relacionado con el
concepto de margin-collapse.
He probado las modificación que me has indicado y efectivamente, en FF y
SAFARI se renderiza como deseo, pero en IE no. ¿Sabes por qué?
Muchas gracias
un saludo
inti castro
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección: http://ovillo.org/mailman/listinfo/ovillo
--
Manuel J. Recena Soto
* www.manuelrecena.com
* [EMAIL PROTECTED]
* +34 609710280 (ES)
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Espacio vertical entre div
On 10/9/05, Manuel J. Recena Soto [EMAIL PROTECTED] wrote: He probado las modificación que me has indicado y efectivamente, en FF y SAFARI se renderiza como deseo, pero en IE no. ¿Sabes por qué? pues porque internet explorer es un muy mal browser... intenta aplicar margin-top: 0; al primer y al ultimo elemento directamente dentro de #content. tal vez eso lo solucione... inti castro [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Espacio vertical entre div
Hola Inti: On Sun, 9 Oct 2005 11:52:37 -0300, Inti Castro wrote On 10/9/05, Manuel J. Recena Soto [EMAIL PROTECTED] wrote: He probado las modificación que me has indicado y efectivamente, en FF y SAFARI se renderiza como deseo, pero en IE no. ¿Sabes por qué? pues porque internet explorer es un muy mal browser... intenta aplicar margin-top: 0; al primer y al ultimo elemento directamente dentro de #content. tal vez eso lo solucione... La verdad es que trabajar así es muy fustrante. ¿Desde cuando programar ha sido una sucesión de prueba y error? Ahora que se ve correctamente en FF y SAFARI, voy a tener que modificar el diseño porque no consigo que IE lo renderice como los otros navegadores. Esta claro que no único que la mayoría hacen bien es el rederizado de tablas. Esto seguro que si lo hubiera implementado con tablas ahora no estaría así de cabreado :) PD: si a alguien se le ocurre algo que lo comente por favor. un saludo inti castro [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Manuel J. Recena Soto * www.manuelrecena.com * [EMAIL PROTECTED] * +34 609710280 (ES) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Espacio vertical entre div
On 10/9/05, Manuel J. Recena Soto [EMAIL PROTECTED] wrote: Ahora que se ve correctamente en FF y SAFARI, voy a tener que modificar el diseño porque no consigo que IE lo renderice como los otros navegadores. no creo que sea necesario modificar el diseño... solamente tenes que repensar el armado. fíjate que #content-top y #content-bottom son elementos prescindibles. los estas colocando exclusivamente para obtener un resultado x en la presentación. intenta poner la imagen de fondo content_top.gif en #wrapper-content con un padding-top de ser necesario y la imagen content_bottom.gif como fondo de #content posicionado al bottom. podes obtener el resultado que estas buscando con menor cantidad de divs en el html, con codigo mas semantico y con una hoja de estilos mas simple. es cuestion de ver las cosas de otra manera y dejar de pensar en estructura tabular. inti castro [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Espacio vertical entre div
Hola Inti: On Sun, 9 Oct 2005 12:37:18 -0300, Inti Castro wrote On 10/9/05, Manuel J. Recena Soto [EMAIL PROTECTED] wrote: Ahora que se ve correctamente en FF y SAFARI, voy a tener que modificar el diseño porque no consigo que IE lo renderice como los otros navegadores. no creo que sea necesario modificar el diseño... solamente tenes que repensar el armado. fíjate que #content-top y #content-bottom son elementos prescindibles. los estas colocando exclusivamente para obtener un resultado x en la presentación. intenta poner la imagen de fondo content_top.gif en #wrapper- content con un padding-top de ser necesario y la imagen content_bottom.gif como fondo de #content posicionado al bottom. podes obtener el resultado que estas buscando con menor cantidad de divs en el html, con codigo mas semantico y con una hoja de estilos mas simple. es cuestion de ver las cosas de otra manera y dejar de pensar en estructura tabular. Cierto, eso es lo que hize. Sustituí los div's [header|content]-[top|bottom] por dos imágenes a las que le apliqué estilo (sin borders y display:block). No creo que hacer uso de esos div's se considere pensar de forma tabular. De cualquier modo, agredecer tu gran aportación. un saludo inti castro [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Manuel J. Recena Soto * www.manuelrecena.com * [EMAIL PROTECTED] * +34 609710280 (ES) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Espacio vertical entre div
Hola de nuevo Inti: On Sun, 9 Oct 2005 12:37:18 -0300, Inti Castro wrote On 10/9/05, Manuel J. Recena Soto [EMAIL PROTECTED] wrote: Ahora que se ve correctamente en FF y SAFARI, voy a tener que modificar el diseño porque no consigo que IE lo renderice como los otros navegadores. no creo que sea necesario modificar el diseño... solamente tenes que repensar el armado. fíjate que #content-top y #content-bottom son elementos prescindibles. los estas colocando exclusivamente para obtener un resultado x en la presentación. intenta poner la imagen de fondo content_top.gif en #wrapper- content con un padding-top de ser necesario y la imagen content_bottom.gif como fondo de #content posicionado al bottom. Creo que esa solución me serviría siempre y cuando el fondo fuera liso y no con una imagen en mosaico. Necesito que las esquinas sean transparentes y el cuerpo del content y del header con color de fondo. Y claro, si aplico color de fondo e imagen de fondo, por mucha transparencia que tenga la imagen de fondo, lo que aparece es el color de fondo del div en lugar del fondo aplicado al body. un saludo podes obtener el resultado que estas buscando con menor cantidad de divs en el html, con codigo mas semantico y con una hoja de estilos mas simple. es cuestion de ver las cosas de otra manera y dejar de pensar en estructura tabular. inti castro [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Manuel J. Recena Soto * www.manuelrecena.com * [EMAIL PROTECTED] * +34 609710280 (ES) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Espacio vertical entre div
On 10/9/05, Manuel J. Recena Soto [EMAIL PROTECTED] wrote: Necesito que las esquinas sean transparentes y el cuerpo del content y del header con color de fondo. Y claro, si aplico color de fondo e imagen de fondo, por mucha transparencia que tenga la imagen de fondo, lo que aparece es el color de fondo del div en lugar del fondo aplicado al body. http://www.alistapart.com/articles/customcorners2 inti castro [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Espacio vertical entre div
Hola Inti: On Sun, 9 Oct 2005 13:55:08 -0300, Inti Castro wrote On 10/9/05, Manuel J. Recena Soto [EMAIL PROTECTED] wrote: Necesito que las esquinas sean transparentes y el cuerpo del content y del header con color de fondo. Y claro, si aplico color de fondo e imagen de fondo, por mucha transparencia que tenga la imagen de fondo, lo que aparece es el color de fondo del div en lugar del fondo aplicado al body. http://www.alistapart.com/articles/customcorners2 Muchas gracias por el enlace. Es cierto, es una solución, pero demasiado rígida. Yo necesito un contenedor con las esquinas redondeadas para rellenar con texto, con formularios, imágenes, etc... La solución de alistapart presupone cual va a ser el color de fondo de cada esquina. Yo lo que tengo es un tile que se repite horizontal y verticalmente. Finalmente voy a dejar las dos imágenes, una para la parte superior y otra para la inferior. Te agradezco mucho la ayuda. De esta forma es menos fustrante trabajar con CSS :) un saludo inti castro [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Manuel J. Recena Soto * www.manuelrecena.com * [EMAIL PROTECTED] * +34 609710280 (ES) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Espacio vertical entre div
Por que no haces tres divs para cada seccion, cada una con su respectiva imagen de background, asi cumples con el proposito de CSS de separar la estructura de la presentacion. div id=contenedor div id=top_head/div div id=cen_head/div div id=bottom_head/div div id=top_content/div div id=cen_content/div div id=bottom_content/div /div y con CSS lso posicionas, le das tamaño y colocas la imagen de fondo. Asi lo he hecho varias veces y no he tenido problemas. Saludos. Manuel J. Recena Soto escribió: Hola Inti: On Sun, 9 Oct 2005 13:55:08 -0300, Inti Castro wrote On 10/9/05, Manuel J. Recena Soto [EMAIL PROTECTED] wrote: Necesito que las esquinas sean transparentes y el cuerpo del content y del header con color de fondo. Y claro, si aplico color de fondo e imagen de fondo, por mucha transparencia que tenga la imagen de fondo, lo que aparece es el color de fondo del div en lugar del fondo aplicado al body. http://www.alistapart.com/articles/customcorners2 Muchas gracias por el enlace. Es cierto, es una solución, pero demasiado rígida. Yo necesito un contenedor con las esquinas redondeadas para rellenar con texto, con formularios, imágenes, etc... La solución de alistapart presupone cual va a ser el color de fondo de cada esquina. Yo lo que tengo es un tile que se repite horizontal y verticalmente. Finalmente voy a dejar las dos imágenes, una para la parte superior y otra para la inferior. Te agradezco mucho la ayuda. De esta forma es menos fustrante trabajar con CSS :) un saludo inti castro [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Manuel J. Recena Soto * www.manuelrecena.com * [EMAIL PROTECTED] * +34 609710280 (ES) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
