Re: [Ovillo] Una pregunta sobre encaje de divs.
Hola agr, Sin ejemplo es complicado, pero yo utilizaría la primera solución que propones. Para solucionar el problema que tienes con los floats: Siempre que flotes alguna capa, es muy probable que tengas que usar un clear (y aunque aparentemente no lo necesites siempre es recomendable ponerlo, por ejemplo una imagen flotando) No se si estas capas que dices tendrán un pie o algo, si añades una capa justo después de la última que flotas (hay mas soluciones) y le pones clear:both, el problema del height se solucionará. No se si dispones de esa capa o puedes aprovechar algo en la página para que sea semánticamente correcto, sin un ejemplo es difícil dar la solución completa. El clear tiene mas opciones, pero con esto yo creo que te va bien. Es lo siguiente: Quiero hacer una página donde hay un div madre, un div a cabecera y un div cuerpo debajo de la cabecera, y que todo esté a centrado. Además que hay cierta separación entre ellos. Bueno, esto lo a consigo... Además definidos los anchos con porcentajes de manera que la a página puede expandirse o comprimirse y conserva su forma como tal. a El problema viene cuando quiero poner dos divs dentro del cuerpo, uno a a la izquierda y otro a la derecha: LISTA e INFORMACION. He probado dos a opciones que pueden valer, pero ambos tienen inconvenientes. a I. Poner uno como float: left y el otro como float: right. a Funcionar funciona, pero parece que el contenedor cuerpo en a donde están inmersos, desaparece, mejor dicho, su altura que a está en auto se minimiza o ajusta al contenido del div a cuerpo ignorando que tiene dentro otros dos divs. a II. Definir LISTA con position: absolute, sin añadir top, o left, a sólo width (en porcentaje) y height: auto. INFORMACION ponerlo a con position: relative, width el porcentaje complementario a a 100% y left el porcentaje de ancho del div LISTA. Aquí el a problema que se presenta es parecido, ya que el alto del div que a los contiene, cuerpo, se ajusta al alto del menor de los div, a y no se redefine cuando voy añadiendo texto a cualquiera de las a listas. a Tengo la impresión que hay algo que se me escapa... ¿Qué es? Lo que a quiero conseguir es que LISTA e INFORMACION aparezcan cada una en su a sitio, y que el div que los contiene cuerpo ajuste su alto al alto del a div mayor. a __ a Renovamos el Correo Yahoo! a Nuevos servicios, más seguridad a http://correo.yahoo.es Saludos. _ Todo lo que no aprendí, no se me ha olvidado. _ ___ 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] Una pregunta sobre encaje de divs.
On 7/31/05, agr [EMAIL PROTECTED] wrote: el contenedor cuerpo en donde están inmersos, desaparece, mejor dicho, su altura que está en auto se minimiza o ajusta al contenido del div cuerpo ignorando que tiene dentro otros dos divs. aplicale lo siguiente al contenedor cuerpo: #cuerpo:after { content: clearfix; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html #cuerpo {height: 1%;} /* End hide from IE-mac */ http://www.positioniseverything.net/easyclearing.html 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] Una pregunta sobre encaje de divs.
Esto te va a servir. http://www.minid.net/articulos/792/libero-un-truquito-de-css En tu div de contenido, le pones p class=clear/p y te empujará todo el alto del div sin problemas. Si quieres ser más accesible aún, puedes escribir en la hoja de estilos una regla para que no se pronuncie cualquier p clase clear. Saludos. On 31/07/2005, at 19:24, agr wrote: demás que hay cierta separación entre ellos. Bueno, esto lo consigo... Además definidos los anchos con porcentajes de manera que la página puede expandirse o comprimirse y conserva su forma como tal. El problema viene cuando quiero poner dos divs dentro del cuerpo, uno a la izquierda y otro a la derecha: LISTA e INFORMACION. He probado dos opciones que pueden valer, pero ambos tienen inconvenientes. I. Poner uno como float: left y el otro como float: right. Funcionar funciona, pero parece que el contenedor cuerpo en donde están inmersos, desaparece, mejor dicho, su altura que está en auto se minimiza o ajusta al contenido del div cuerpo ignorando que tiene dentro otros dos divs. II. Definir LISTA con position: absolute, sin añadir top, o left, sólo width (en porcentaje) y height: auto. INFORMACION ponerlo con position: relative, width el porcentaje complementario a 100% y left el porcentaje de ancho del div LISTA. Aquí el problema que se presenta es parecido, ya que el alto del div que los contiene, cuerpo, se ajusta al alto del menor de los div, y no se redefine cuando voy añadiendo texto a cualquiera de las listas. Tengo la impresión que hay algo que se me escapa... ¿Qué es? Lo que quiero conseguir es que LISTA e INFORMACION aparezcan cada una en su sitio, y que el div que los contiene cuerpo ajuste su alto al alto del div mayor. ___ 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