Re: [Ovillo] Floats y divs
Hola a todos. He recogido en caótico (http://simplelogica.net/caoticoneutral/) la solución que se encontró aquí al problema que se planteaba en este hilo. Es una ligera variante de la que encontró Eva, que por lo que he probado es más compatible con Opera. De todas maneras, si cualquiera de vosotros encuentra problemas que se me hayan pasado por alto, o simplemente conoce una forma más sencilla de solucionarlo, que lo diga. (quizá exista alguna regla que soluciona esto de una vez, del estilo float: ponte para la derecha, ajustando tus dimensiones al espacio disponible, de forma que tus bordes no se solapen con este otro elemento flotado...bueno... o algo más corto ;-) Saludos -- Ramón demasiado viejo para ser una joven promesa, demasiado joven para ser una vieja gloria, pero aún así trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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] Floats y divs
Para los que puedan encontrar esto a través de los archivos de ovillo, este es el enlace al post: http://simplelogica.net/caoticoneutral/index.php?p=29 :-) -- Ramón demasiado viejo para ser una joven promesa, demasiado joven para ser una vieja gloria, pero aún así trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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] Floats y divs
Hola Eva. Sí, mi versión de osx es el 10.3, así que la de safari supongo que será la que tú dices (no lo miré, la verdad). De todas maneras, creo que no he probado la combinación de display:table y overflow:hidden, si no hay conflictos, poniendo los 2 debería funcionar bien en todos, excepto en IE5 y 5.5, que es lo que nos falta, no? Voy a ver si puedo investigar un poquito ahora :-) Saludos Eva del Campo escribió (Tue, 19 Apr 2005 21:19:18 +0200): Pues en mi caso, si quito el overflow:hidden, en safari veo el contenido de los div de la izquierda ¡por encima de la capa flotante!. Es un comportamiento que no he podido reproducir en otros navegadores. Supongo que será cosa de la versión: 1.0.3 (v85.8.1), la más alta que se puede tener (que yo sepa) con el osx 10.2.8. ¿Tú estás utilizando 10.3 y safari 1.2?, porque si no es eso, no lo entiendo -- Ramón demasiado viejo para ser una joven promesa, demasiado joven para ser una vieja gloria, pero aún así trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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] Floats y divs
Así con la explicación no sé si te entiendo bien, quizás con una pantalla o algo de código... Si te he entendido bien, creo que eso se soluciona poniendo a tus divs (los que no están flotados), un padding-right igual al ancho del div flotado. Si no, pues nada :( El día 19/04/05, Ramon Pravia [EMAIL PROTECTED] escribió: Hola Eva. Lamentablemente, no sé cómo solucionar perfectamente esto. Alguna vez que me encontré en una situación parecida, acabé saliéndome por la tangente y modificando el diseño (ups). Te cuento lo que yo sé, a ver si entre todos encontramos forma de solucionarlo. En principio, por lo que yo entiendo en la especificación, y con todo el dolor de mi corazón, yo diría que el único que cumple bien las reglas es el explorer (up). Si tienes esa columna lateral flotada, y a continuación colocas los divs sin flotar, realmente esos divs ocuparán todo el ancho de la pantalla, y lo que ajustará su anchura será su contenido, quedando al lado de la columna lateral. Si lo que haces es flotar también los divs hacia el mismo lado, el explorer lo que hace es colocarlos al lado de la columna lateral, mientras que opera y firefox los empujan hacia abajo de ésta, como si estuvieran aclarados. Y aquí es donde yo creo que la interpretación más correcta es la primera, porque en las reglas de float de la especificación se dice: - Una caja flotante debe colocarse tan alta como sea posible. - Una caja flotante a la izquierda debe ponerse tan a la izquierda como le sea posible, una caja flotante a la derecha tan a la derecha como le sea posible. Una posición mas alta es preferible a una que se encuentre más a la izquierda/derecha. Supongo que el problema viene de que los divs no tienen un width definido, y por tanto, tienden a ocupar todo el ancho antes que a ajustarse al hueco al lado de la columna lateral. O puede que yo no entienda ni papa de la especificación, que es lo más probable. Venga, todos a opinar, que creo que en los bares no se habla de otra cosa ;) saludos Eva del Campo escribió (Mon, 18 Apr 2005 23:48:26 +0200): El problema es el siguiente: Tengo un div flotado a la derecha, con un ancho fijo y altura variable. En el resto de la pantalla, tengo una serie de div de menor altura y 100% de ancho, que se repiten uno encima de otro. Lo que me gustaría conseguir sería que estos div rodearan al primero, pero lo cierto es que se cuelan por debajo. He probado todo lo que se me ha ocurrido, pero sin ningún resultado alentador. Tampoco he encontrado nada al respecto en google. Si pongo el texto en párrafos en lugar de en div, funciona bien (de hecho el texto que está dentro de los div también rodea la imagen correctamente). El problema es que los div llevan un fondo y un borde, y me gustaría que siguieran llevándolo. Además, toda la página se genera de forma dinámica, y como desconozco de antemano el contenido de cada div, y por tanto también su altura, no puedo utilizar márgenes para ajustarlo. ¿Se os ocurre alguna solución? -- Ramón demasiado viejo para ser una joven promesa, demasiado joven para ser una vieja gloria, pero aún así trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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 -- alberto romero ___ 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] Floats y divs
No puedo utilizar márgenes por las razones que menciono en el primer mensaje (generación dinámica y altura variable principalmente). Ahí puse también el enlace a un par de gifs para poder visualizar el problema, aunque se me coló un espacio. El bueno es http://www.momosite.com/pruebas/floats_y_divs.html La verdad es que tengo mucha curiosidad por saber si hay alguna solución. De momento he modificado el diseño, pero no me convence nada el resultado. Seguiré dándole vueltas. Cualquier aportación será grandemente apreciada. Eva Así con la explicación no sé si te entiendo bien, quizás con una pantalla o algo de código... Si te he entendido bien, creo que eso se soluciona poniendo a tus divs (los que no están flotados), un padding-right igual al ancho del div flotado. Si no, pues nada :( ___ 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] Floats y divs
A mi me sale así: http://www.strategia.tk/listas/ovillo_floats_divs.htm -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Eva del Campo Enviado el: martes, 19 de abril de 2005 12:55 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Floats y divs No puedo utilizar márgenes por las razones que menciono en el primer mensaje (generación dinámica y altura variable principalmente). Ahí puse también el enlace a un par de gifs para poder visualizar el problema, aunque se me coló un espacio. El bueno es http://www.momosite.com/pruebas/floats_y_divs.html La verdad es que tengo mucha curiosidad por saber si hay alguna solución. De momento he modificado el diseño, pero no me convence nada el resultado. Seguiré dándole vueltas. Cualquier aportación será grandemente apreciada. Eva Así con la explicación no sé si te entiendo bien, quizás con una pantalla o algo de código... Si te he entendido bien, creo que eso se soluciona poniendo a tus divs (los que no están flotados), un padding-right igual al ancho del div flotado. Si no, pues nada :( ___ 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
Re: [Ovillo] Floats y divs
Gracias José, pero tampoco sirve, por la mismas razones que le he comentado a David. No tengo forma de saber en qué momento se acabará el gráfico de la derecha... A mi me sale así: http://www.strategia.tk/listas/ovillo_floats_divs.htm ___ 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] Floats y divs
Gracias kemie, una solución muy imaginativa. De momento es la que más me convence 8) Saludos Eva La unica solucion que se me ocurre es simular el borde utilizando un margen, asi: http://disenorama.com/floats.htm Es hacer trampa, pero puede funcionarte ;) saludos kemie ___ 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] Floats y divs
A lo de antes habria que modificar el izquierda por que fuese una clase, sino no pasa el validador, que se me ha colado... upsss ;) Un saludo, Zuri -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Eva del Campo Enviado el: martes, 19 de abril de 2005 13:33 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Floats y divs Gracias José, pero tampoco sirve, por la mismas razones que le he comentado a David. No tengo forma de saber en qué momento se acabará el gráfico de la derecha... A mi me sale así: http://www.strategia.tk/listas/ovillo_floats_divs.htm ___ 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
[Ovillo] Floats y divs
Hola a [EMAIL PROTECTED] Estoy intentando hacer algo que al principio pensé que sería sencillo, y ahora estoy totalmente atascada. No sé si se me está pasando algo muy obvio o si es que intento algo imposible, a ver si podéis echarme una manita. Como el tema es difícil de explicar, pero muy fácil de visualizar, he preparado un par de gif que explican el asunto. Están en http://www.momosite.com/pruebas/ floats_y_divs.html El problema es el siguiente: Tengo un div flotado a la derecha, con un ancho fijo y altura variable. En el resto de la pantalla, tengo una serie de div de menor altura y 100% de ancho, que se repiten uno encima de otro. Lo que me gustaría conseguir sería que estos div rodearan al primero, pero lo cierto es que se cuelan por debajo. He probado todo lo que se me ha ocurrido, pero sin ningún resultado alentador. Tampoco he encontrado nada al respecto en google. Si pongo el texto en párrafos en lugar de en div, funciona bien (de hecho el texto que está dentro de los div también rodea la imagen correctamente). El problema es que los div llevan un fondo y un borde, y me gustaría que siguieran llevándolo. Además, toda la página se genera de forma dinámica, y como desconozco de antemano el contenido de cada div, y por tanto también su altura, no puedo utilizar márgenes para ajustarlo. ¿Se os ocurre alguna solución? Muchas gracias y un saludo Eva ___ 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