Re: [Ovillo] Floats y divs

[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

[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

[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

[Eva del Campo]

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


> Buenas!
> 
> Uy, pues mis pruebas no han ido así. Te cuento:
> 
> Windows:
> -
> 
> Firefox: funciona tanto con overflow:hidden como con display:table
> Explorer 6: funciona el hack de height:1%
> Explorer 5y 5.5: no funciona ninguno de los dos métodos y el hack de
> la altura lo interpreta correctamente. (hay que buscar la solución a
> estos 2)
> Opera: funciona display:table, pero no overflow:hidden
> 
> 
> Mac:
> --
> 
> Firefox: funcionan ambos ;)
> Safari: funcionan ambos (aquí es donde no me coincide con tu prueba)
> Opera: no teno Opera en Mac (snif) y no hay quien se lo baje de la web
> hoy, pero dices que va bien, no?
> IE 5.5: Sorpresa sorpresa. Funcionan los 2!!! El caso es que si
> mantienes el hack de la altura del 1% para el IE6 de win, lo
> interpreta y el div no se estira con el contenido (que sí se muestra).
> Es tan fácil de solucionar como usar el backslash hack para ocultar a
> Ie de mac la regla con height:1%
> 
> 
> Así que según mis cuentas, sólo nos falta la solución para IE 5 y 5.5
> de win (dentro de los navegadores más usuales)
> 
> Un saludo :)


___
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

[Ramon Pravia]

Buenas!

Uy, pues mis pruebas no han ido así. Te cuento:

Windows:
-

Firefox: funciona tanto con overflow:hidden como con display:table
Explorer 6: funciona el hack de height:1%
Explorer 5y 5.5: no funciona ninguno de los dos métodos y el hack de
la altura lo interpreta correctamente. (hay que buscar la solución a
estos 2)
Opera: funciona display:table, pero no overflow:hidden


Mac:
--

Firefox: funcionan ambos ;)
Safari: funcionan ambos (aquí es donde no me coincide con tu prueba)
Opera: no teno Opera en Mac (snif) y no hay quien se lo baje de la web
hoy, pero dices que va bien, no?
IE 5.5: Sorpresa sorpresa. Funcionan los 2!!! El caso es que si
mantienes el hack de la altura del 1% para el IE6 de win, lo
interpreta y el div no se estira con el contenido (que sí se muestra).
Es tan fácil de solucionar como usar el backslash hack para ocultar a
Ie de mac la regla con height:1%


Así que según mis cuentas, sólo nos falta la solución para IE 5 y 5.5
de win (dentro de los navegadores más usuales)

Un saludo :)

Eva del Campo escribió (Tue, 19 Apr 2005 18:11:16 +0200):
> Ya te puedo avanzar que en mac no chuta ni en explorer ni en
> safari, aunque en mozilla y en ópera sí se ve bien, así que lo
> único que faltaría sería un hack para opera, y buscar una solución
> para ie5 y la compatibilidad sería total...

-- 
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

[Eva del Campo]

Ya te puedo avanzar que en mac no chuta ni en explorer ni en safari, aunque
en mozilla y en ópera sí se ve bien, así que lo único que faltaría sería un
hack para opera, y buscar una solución para ie5 y la compatibilidad sería
total...


> 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.


___
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

[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

Re: [Ovillo] Floats y divs

[Ramon Pravia]

Enhorabuena Eva!!

Lo cierto es que lo de overflow:hidden recuerda a la técnica de
clearance que casi todos descubrimos de golpe hace poco. Lo que me
hace pensar que si te llamaras Dave Shea o Andy Clarke y hubieras
escrito esto en tu weblog, ahora habría un montón de gente hablando de
ti, jeje. Así que ya sabes, vete publicándolo ;)

De verdad, puede que esta fuera una solución super conocida, pero como
ya dije, yo no sabía la forma de arreglar el problema, así que para mi
ha sido todo un descubrimiento.

Enhorabuena de nuevo, y gracias (que me va a venir muy bien esto).

Eva del Campo escribió (Tue, 19 Apr 2005 16:01:53 +0200):
> Bravo kemie, parece que lo hemos conseguido.
-- 
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

[Eva del Campo]

Bravo kemie, parece que lo hemos conseguido.
El overflow:hidden es imprescindible para todos los navegadores excepto para
ie6 pc. De hecho, es la razón por la cual funciona.
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.

Gracias a todos. 



Eva

> Eva:
> EUREKA!
> tome el ultimo layout que mandaste y esta requete sencillo hacerlo
> funcionar en ie.
> 
> simplemente añade:
> * html .izquierda{
> height:1%;}
> 
> y el overflow:hidden no es necesario (y causa problemas con ie 5.5)
> 
> funciona en firefox, ie 6 y 5.5. A opera no le gusta :P
> 
> 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

[kemie guaida]

Eva:
EUREKA!
tome el ultimo layout que mandaste y esta requete sencillo hacerlo 
funcionar en ie.

simplemente añade:
* html .izquierda{
   height:1%;}
y el overflow:hidden no es necesario (y causa problemas con ie 5.5)
funciona en firefox, ie 6 y 5.5. A opera no le gusta :P
saludos!
kemie
...:| kemie |:...
.:| www.monolinea.com  |:.

Eva del Campo wrote:
Lo mejor que he conseguido hasta ahora, lo he colgado en
http://www.momosite.com/pruebas/floats_y_divs2.html
Funciona perfecto en todos los navegadores en los que lo he probado, excepto
en...¡SI!, lo habéis adivinado, nuestro apreciado explorer. En la versión
mac, funciona casi bien, aunque si juegas un poco con el tamaño de la
ventana, se cierra la aplicación
En la versión para pc, se ve igual de mal que siempre, aunque a lo mejor
ahora es algo que se puede solucionar con un hack conocido.
¿Más ideas, please?

Eva
*Probado en:
- Mac: safari, explorer, mozilla
-Pc: firefox, explorer 6
 

Yo he intentado una cosita, y de momento parece que funciona en ie5, ie6,
netscape, mozilla, opera, si te sirve
float y div

#derecha {width:20%; float:right; background-color:#993399;}
#izquierda {width:*; margin:1em 0 1em 0; background-color:#6699CC;}




Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
magna aliquam erat volutpat. Ut wisi enim ad minim veniam
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
exerci 
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
exerci tation.
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore

Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore




Con lo que sea ya me comentarasun saludo a todos
Zuri Menendez
 

___
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
 

___
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

[Eva del Campo]

Lo mejor que he conseguido hasta ahora, lo he colgado en
http://www.momosite.com/pruebas/floats_y_divs2.html
Funciona perfecto en todos los navegadores en los que lo he probado, excepto
en...¡SI!, lo habéis adivinado, nuestro apreciado explorer. En la versión
mac, funciona casi bien, aunque si juegas un poco con el tamaño de la
ventana, se cierra la aplicación
En la versión para pc, se ve igual de mal que siempre, aunque a lo mejor
ahora es algo que se puede solucionar con un hack conocido.
¿Más ideas, please?



Eva

*Probado en:

- Mac: safari, explorer, mozilla
-Pc: firefox, explorer 6

> 
>> Yo he intentado una cosita, y de momento parece que funciona en ie5, ie6,
>> netscape, mozilla, opera, si te sirve
>> 
>> float y div
>> 
>> #derecha {width:20%; float:right; background-color:#993399;}
>> #izquierda {width:*; margin:1em 0 1em 0; background-color:#6699CC;}
>> 
>> 
>> 
>> 
>> 
>> Lorem ipsum dolor sit amet, consectetuer
>> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
>> magna aliquam erat volutpat. Ut wisi enim ad minim veniam
>> Lorem ipsum dolor sit amet, consectetuer
>> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
>> magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
>> exerci 
>> Lorem ipsum dolor sit amet, consectetuer
>> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
>> magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
>> exerci tation.
>> Lorem ipsum dolor sit amet, consectetuer
>> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
>> 
>> Lorem ipsum dolor sit amet, consectetuer
>> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
>> 
>> 
>> 
>> 
>> 
>> Con lo que sea ya me comentarasun saludo a todos
>> 
>> Zuri Menendez
> 
> 
> ___
> 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

[Eva del Campo]

Gracias Zuri, pero no me funciona ni en explorer ni en safari (mac). No hay
forma de separar las columnas de la izquierda de las de la derecha...


> Yo he intentado una cosita, y de momento parece que funciona en ie5, ie6,
> netscape, mozilla, opera, si te sirve
> 
> float y div
> 
> #derecha {width:20%; float:right; background-color:#993399;}
> #izquierda {width:*; margin:1em 0 1em 0; background-color:#6699CC;}
> 
> 
> 
> 
> 
> Lorem ipsum dolor sit amet, consectetuer
> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
> magna aliquam erat volutpat. Ut wisi enim ad minim veniam
> Lorem ipsum dolor sit amet, consectetuer
> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
> magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
> exerci 
> Lorem ipsum dolor sit amet, consectetuer
> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
> magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
> exerci tation.
> Lorem ipsum dolor sit amet, consectetuer
> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
> 
> Lorem ipsum dolor sit amet, consectetuer
> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
> 
> 
> 
> 
> 
> Con lo que sea ya me comentarasun saludo a todos
> 
> Zuri Menendez


___
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

[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

[zuri]

Yo he intentado una cosita, y de momento parece que funciona en ie5, ie6,
netscape, mozilla, opera, si te sirve

float y div

#derecha {width:20%; float:right; background-color:#993399;}
#izquierda {width:*; margin:1em 0 1em 0; background-color:#6699CC;}





Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
magna aliquam erat volutpat. Ut wisi enim ad minim veniam
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
exerci 
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
exerci tation.
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore

Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore





Con lo que sea ya me comentarasun saludo a todos

Zuri Menendez


-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Eva del Campo
Enviado el: martes, 19 de abril de 2005 13:40
Para: Ovillo, la lista de CSS en castellano
Asunto: 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

___
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

[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

[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

[Ramon Pravia]

M... creo que eso no serviría. Utilizas una clase diferente para
los bloques que están a la izquierda de la columna y otra para el que
ocupa todo el ancho. Para eso necesitarías saber las dimensiones de
los divs de la izquierda y de la columna, y cuántos bloques quedarán a
la izquierda de ésta (para saber si el que va a ocupar todo el ancho
de la pantalla será el 4º o el 5º... o el que sea, y darle la clase
apropiada)

Sobre la solución de Kemie, mola mucho (me la guardo), pero
seguiríamos sin poder poner bordes a los divs con el contenido, no?
:-(

No sé, yo ya digo que a día de hoy no conozco ninguna forma de
solucionar un diseño así perfectamente. Pero entiendo que alguna
manera tiene que haber, así que si alguien la sabe o se le ocurre cómo
puede hacerse, que lo diga :-)

saludos

José Vivar escribió (Tue, 19 Apr 2005 13:10:13 +0200):
> A mi me sale así:
>
>
> http://www.strategia.tk/listas/ovillo_floats_divs.htm
>
-- 
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

[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

[alberto romero]

Ups, perdón por no leer con atención... parece que kemie ha vuelto a dar en 
el clavo, no? :)

El día 19/04/05, Eva del Campo <[EMAIL PROTECTED]> escribió:
> 
> 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
> 



-- 
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

[kemie guaida]

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
...:| kemie |:...
.:| www.monolinea.com  |:.


 

___
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

[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

[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

[Ramon Pravia]

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