Re: [Ovillo] Floats y divs

2005-04-27 Por tema Ramon Pravia
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

2005-04-27 Por tema Ramon Pravia
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

2005-04-20 Por tema Ramon Pravia
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

2005-04-19 Por tema alberto romero
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

2005-04-19 Por tema Eva del Campo
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

2005-04-19 Por tema José Vivar
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

2005-04-19 Por tema Eva del Campo
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

2005-04-19 Por tema Eva del Campo
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

2005-04-19 Por tema zuri
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


Re: [Ovillo] Floats y divs

2005-04-19 Por tema Ramon Pravia
Bueno, creo que puedo aportar algo útil a todo esto (por una vez y sin
que sirva de precedente :P). Creo que ya está solucionado lo de Opera.

Realmente, todo consistiría en utilizar display:table para los divs
con class=izquierda, sin utilizar el overflow:hidden. Por lo que he
probado, con eso, tanto Opera como Firefox van bien, el explorer sigue
saliendo bien con la solución de Kemie, y quedaría sólo probar en mac,
en cuanto llegue a casa lo compruebo.

Saludos

Eva del Campo escribió (Tue, 19 Apr 2005 16:01:53 +0200):

 Lo
 de opera, la verdad, no me preocupa en absoluto. Es el único
 navegador de pago que conozco, prácticamente no lo utiliza nadie, y
 demás, el contenido sigue siendo accesible, aunque el diseño no que
 bien. Lo de ie5, ya me preocupa un poco más. Cuando tenga un rato
 intentaré solucionarlo.
-- 
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


[Ovillo] Floats y divs

2005-04-18 Por tema Eva del Campo
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