[Ovillo] Problema con float en IE 7

2009-09-18 Por tema Mario Álvarez
Hola amigos!
Me pregunto porqué se comporta asi IE7 con esta web: http://is.gd/3pAqI

La columna de la derecha no está entrando en su espacio y al div contenedor
se le notan unos pixeles de más al lado derecho.
He agotado mis recursos para corregir esa falla y no lo consigo... también
tendrá que ver que no he dormido ni un momento desde ayer... pero no lo
consigo resolver, me ayudan?

Desde ya gracias, y saludos!

-- 
Mario Álvarez
twitter: @magrio
___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Problema con float en IE 7

2009-09-18 Por tema mikel blonfu
Algún problema de modelo de caja seguramente, IE7 no sé si tiene los mismos
problemas que IE6 con los margenes y todo eso pero prueba a quitar el
margin-left y dale float:left a la columna de la derecha.


El 18 de septiembre de 2009 14:52, Mario Álvarez mag...@magrio.netescribió:

 Hola amigos!
 Me pregunto porqué se comporta asi IE7 con esta web: http://is.gd/3pAqI

 La columna de la derecha no está entrando en su espacio y al div contenedor
 se le notan unos pixeles de más al lado derecho.
 He agotado mis recursos para corregir esa falla y no lo consigo... también
 tendrá que ver que no he dormido ni un momento desde ayer... pero no lo
 consigo resolver, me ayudan?

 Desde ya gracias, y saludos!

 --
 Mario Álvarez
 twitter: @magrio
 ___
 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Problema con float en IE 7

2009-09-18 Por tema Mario Álvarez
Gracias por responder!
Creo que si era el cansancio, y tu respuesta me ayudó muchisimo: era cosa de
quitar el margen derecho del flotado convencional y agregar float left!

Muchas, pero muchísimas gracias Mikel!

2009/9/18 mikel blonfu jan...@gmail.com

 Algún problema de modelo de caja seguramente, IE7 no sé si tiene los mismos
 problemas que IE6 con los margenes y todo eso pero prueba a quitar el
 margin-left y dale float:left a la columna de la derecha.


 El 18 de septiembre de 2009 14:52, Mario Álvarez mag...@magrio.net
 escribió:

  Hola amigos!
  Me pregunto porqué se comporta asi IE7 con esta web: http://is.gd/3pAqI
 
  La columna de la derecha no está entrando en su espacio y al div
 contenedor
  se le notan unos pixeles de más al lado derecho.
  He agotado mis recursos para corregir esa falla y no lo consigo...
 también
  tendrá que ver que no he dormido ni un momento desde ayer... pero no lo
  consigo resolver, me ayudan?
 
  Desde ya gracias, y saludos!
 
  --
  Mario Álvarez
  twitter: @magrio
  ___
  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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo




-- 
Mario Álvarez
twitter: @magrio
___
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://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Problema con float

2006-03-15 Por tema Enrique Rodríguez
A ver...
Tengo un contenedor con 2 columnas dentro, id=box y id=bienvenida.
No se que está ocurriendo pero en vez de situarse los dos
horizontalmente, bienvenida baja abajo, dejando un hueco a la izq, y
box se situa arriva a la derecha.

Estoy loco ya de darle vueltas sin resultado... ayuda please!!! ;-)
___
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] Problema con float

2006-03-15 Por tema nicolas carrera
Hola
   
  manda el codigo para que veamos donde esta el error, revisa los tamaños o si 
has puesto el float

Enrique Rodríguez [EMAIL PROTECTED] escribió:
  A ver...
Tengo un contenedor con 2 columnas dentro, id=box y id=bienvenida.
No se que está ocurriendo pero en vez de situarse los dos
horizontalmente, bienvenida baja abajo, dejando un hueco a la izq, y
box se situa arriva a la derecha.

Estoy loco ya de darle vueltas sin resultado... ayuda please!!! ;-)
___
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



-

LLama Gratis a cualquier PC del Mundo.
Llamadas a fijos y móviles desde 1 céntimo por minuto.
http://es.voice.yahoo.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] Problema con float

2006-03-15 Por tema Enrique Rodriguez
Joas... perdonad...
Aquí os pongo un enlace para que os lo descarguéis:
http://ervdesign.net/pruebas/Ovillo.zip

Disculpad y gracias

nicolas carrera escribió:
 Hola

   manda el codigo para que veamos donde esta el error, revisa los tamaños o 
 si has puesto el float

 Enrique Rodríguez [EMAIL PROTECTED] escribió:
   A ver...
 Tengo un contenedor con 2 columnas dentro, id=box y id=bienvenida.
 No se que está ocurriendo pero en vez de situarse los dos
 horizontalmente, bienvenida baja abajo, dejando un hueco a la izq, y
 box se situa arriva a la derecha.

 Estoy loco ya de darle vueltas sin resultado... ayuda please!!! ;-)
 ___
 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


   
 -

 LLama Gratis a cualquier PC del Mundo.
 Llamadas a fijos y móviles desde 1 céntimo por minuto.
 http://es.voice.yahoo.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



   

___
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] Problema con float

2006-03-15 Por tema Sergi Panisello
Lo más probable es se te estén sumando los márgenes y los tamaños, con lo
que no caben los dos divs y por eso se te va hacia abajo..



A los que trabajéis con firefox os recomiendo que os bajéis la extensión del
siguiente link, muy completa para depurar código, css, etc.



http://chrispederick.com/work/webdeveloper/



Sergi Panisello

[EMAIL PROTECTED]

www.fuksia.com







- Original Message -
From: Enrique Rodriguez [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, March 15, 2006 12:19 PM
Subject: Re: [Ovillo] Problema con float


 Joas... perdonad...
 Aquí os pongo un enlace para que os lo descarguéis:
 http://ervdesign.net/pruebas/Ovillo.zip

 Disculpad y gracias

 nicolas carrera escribió:
  Hola
 
manda el codigo para que veamos donde esta el error, revisa los
tamaños o si has puesto el float
 
  Enrique Rodríguez [EMAIL PROTECTED] escribió:
A ver...
  Tengo un contenedor con 2 columnas dentro, id=box y id=bienvenida.
  No se que está ocurriendo pero en vez de situarse los dos
  horizontalmente, bienvenida baja abajo, dejando un hueco a la izq, y
  box se situa arriva a la derecha.
 
  Estoy loco ya de darle vueltas sin resultado... ayuda please!!! ;-)
  ___
  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
 
 
 
  -
 
  LLama Gratis a cualquier PC del Mundo.
  Llamadas a fijos y móviles desde 1 céntimo por minuto.
  http://es.voice.yahoo.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
 
 
 
 

 ___
 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] Problema con float

2006-03-15 Por tema Enrique Rodriguez
Gracias Sergi.
Revisé los márgenes, paddings y widths y nada... no se que problema hay...

La extensión para firefox es mi bliblia xDDD la uso desde que salió!!
Intenten colocar los divs bien... es frustrante.

Sergi Panisello escribió:
 Lo más probable es se te estén sumando los márgenes y los tamaños, con lo
 que no caben los dos divs y por eso se te va hacia abajo..



 A los que trabajéis con firefox os recomiendo que os bajéis la extensión del
 siguiente link, muy completa para depurar código, css, etc.



 http://chrispederick.com/work/webdeveloper/



 Sergi Panisello

 [EMAIL PROTECTED]

 www.fuksia.com







 - Original Message -
 From: Enrique Rodriguez [EMAIL PROTECTED]
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Sent: Wednesday, March 15, 2006 12:19 PM
 Subject: Re: [Ovillo] Problema con float


   
 Joas... perdonad...
 Aquí os pongo un enlace para que os lo descarguéis:
 http://ervdesign.net/pruebas/Ovillo.zip

 Disculpad y gracias

 nicolas carrera escribió:
 
 Hola

   manda el codigo para que veamos donde esta el error, revisa los
   
 tamaños o si has puesto el float
   
 Enrique Rodríguez [EMAIL PROTECTED] escribió:
   A ver...
 Tengo un contenedor con 2 columnas dentro, id=box y id=bienvenida.
 No se que está ocurriendo pero en vez de situarse los dos
 horizontalmente, bienvenida baja abajo, dejando un hueco a la izq, y
 box se situa arriva a la derecha.

 Estoy loco ya de darle vueltas sin resultado... ayuda please!!! ;-)
 ___
 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
   

 -

 LLama Gratis a cualquier PC del Mundo.
 Llamadas a fijos y móviles desde 1 céntimo por minuto.
 http://es.voice.yahoo.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
   


   
 ___
 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] Problema con float

2006-03-15 Por tema nicolas carrera
Hola
   
  quitale el clear:both
   
  #bienvenida {
 width: 280px;
 border-right: 1px dashed #ccc;
 border: 1px solid red;
 }
   
  yo he probado y funciona, me contestas si te vale


-

LLama Gratis a cualquier PC del Mundo.
Llamadas a fijos y móviles desde 1 céntimo por minuto.
http://es.voice.yahoo.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] Problema con float

2006-03-15 Por tema Enrique Rodriguez
Si le quitas el clear: both, el id=cont el del fondo gris, sube y
deja un hueco entre el footer y  bienvenida es uno de los problemas
que me he encontrado...

A seguir rompiéndonos el brain... xDD

nicolas carrera escribió:
 Hola

   quitale el clear:both

   #bienvenida {
  width: 280px;
  border-right: 1px dashed #ccc;
  border: 1px solid red;
  }

   yo he probado y funciona, me contestas si te vale

   
 -

 LLama Gratis a cualquier PC del Mundo.
 Llamadas a fijos y móviles desde 1 céntimo por minuto.
 http://es.voice.yahoo.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



   

___
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] Problema con float

2006-03-15 Por tema Sergi Panisello
Tiene razón, el clear:both hace que se vaya hacia abajo.

- Original Message -
From: nicolas carrera [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, March 15, 2006 12:46 PM
Subject: Re: [Ovillo] Problema con float


 Hola

   quitale el clear:both

   #bienvenida {
  width: 280px;
  border-right: 1px dashed #ccc;
  border: 1px solid red;
  }

   yo he probado y funciona, me contestas si te vale


 -

 LLama Gratis a cualquier PC del Mundo.
 Llamadas a fijos y móviles desde 1 céntimo por minuto.
 http://es.voice.yahoo.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

___
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] Problema con float

2006-03-15 Por tema Sergi Panisello
Prueba con un overflow:hidden; en el div con id=cont. Creo que funciona


- Original Message -
From: Enrique Rodriguez [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, March 15, 2006 12:50 PM
Subject: Re: [Ovillo] Problema con float


 Si le quitas el clear: both, el id=cont el del fondo gris, sube y
 deja un hueco entre el footer y  bienvenida es uno de los problemas
 que me he encontrado...

 A seguir rompiéndonos el brain... xDD

 nicolas carrera escribió:
  Hola
 
quitale el clear:both
 
#bienvenida {
   width: 280px;
   border-right: 1px dashed #ccc;
   border: 1px solid red;
   }
 
yo he probado y funciona, me contestas si te vale
 
 
  -
 
  LLama Gratis a cualquier PC del Mundo.
  Llamadas a fijos y móviles desde 1 céntimo por minuto.
  http://es.voice.yahoo.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
 
 
 
 

 ___
 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] Problema con float

2006-03-15 Por tema Sergi Panisello
Ok súmale un width:100%, parece rara pero funciona con ambos exploradores..

- Original Message -
From: Enrique Rodriguez [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, March 15, 2006 1:01 PM
Subject: Re: [Ovillo] Problema con float


 Gracias. Funciona, pero en IE no, como de costumbre... además el header
 se trastoca, eso lo podría arreglar, pero por que ahora el IE no lo hace
 bien??

 Sergi Panisello escribió:
  Prueba con un overflow:hidden; en el div con id=cont. Creo que
funciona
 
 
  - Original Message -
  From: Enrique Rodriguez [EMAIL PROTECTED]
  To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
  Sent: Wednesday, March 15, 2006 12:50 PM
  Subject: Re: [Ovillo] Problema con float
 
 
 
  Si le quitas el clear: both, el id=cont el del fondo gris, sube y
  deja un hueco entre el footer y  bienvenida es uno de los
problemas
  que me he encontrado...
 
  A seguir rompiéndonos el brain... xDD
 
  nicolas carrera escribió:
 
  Hola
 
quitale el clear:both
 
#bienvenida {
   width: 280px;
   border-right: 1px dashed #ccc;
   border: 1px solid red;
   }
 
yo he probado y funciona, me contestas si te vale
 
 
  -
 
  LLama Gratis a cualquier PC del Mundo.
  Llamadas a fijos y móviles desde 1 céntimo por minuto.
  http://es.voice.yahoo.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
 
 
 
 
  ___
  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

___
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] Problema con float

2006-03-15 Por tema Enrique Rodriguez
Gracias a todos... más o menos entre todos, lo estoy logrando, ya os
mandaré el enlace para que me critiquéis ;-)

Sergi Panisello escribió:
 Ok súmale un width:100%, parece rara pero funciona con ambos exploradores..

 - Original Message -
 From: Enrique Rodriguez [EMAIL PROTECTED]
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Sent: Wednesday, March 15, 2006 1:01 PM
 Subject: Re: [Ovillo] Problema con float


   
 Gracias. Funciona, pero en IE no, como de costumbre... además el header
 se trastoca, eso lo podría arreglar, pero por que ahora el IE no lo hace
 bien??

 Sergi Panisello escribió:
 
 Prueba con un overflow:hidden; en el div con id=cont. Creo que
   
 funciona
   
 - Original Message -
 From: Enrique Rodriguez [EMAIL PROTECTED]
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Sent: Wednesday, March 15, 2006 12:50 PM
 Subject: Re: [Ovillo] Problema con float



   
 Si le quitas el clear: both, el id=cont el del fondo gris, sube y
 deja un hueco entre el footer y  bienvenida es uno de los
 
 problemas
   
 que me he encontrado...

 A seguir rompiéndonos el brain... xDD

 nicolas carrera escribió:

 
 Hola

   quitale el clear:both

   #bienvenida {
  width: 280px;
  border-right: 1px dashed #ccc;
  border: 1px solid red;
  }

   yo he probado y funciona, me contestas si te vale


 -

 LLama Gratis a cualquier PC del Mundo.
 Llamadas a fijos y móviles desde 1 céntimo por minuto.
 http://es.voice.yahoo.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

   

   
 ___
 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

 ___
 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] Problema con float

2005-12-18 Por tema McDave
Mi apaño sería poner despues de /p y antes del /div un p
style=clear:both;/p para que no se colase la imagen fuera del
div.

On 12/17/05, Bernat Lleonart [EMAIL PROTECTED] wrote:
 Hola,

 Tengo este código, y me gustaría saber cómo podría hacer que el border
 del div activitat envolviera también a la imagen flotada, de manera
 que esta se viera también dentro del marco.

 Muchas gracias.

 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
 http://www.w3.org/TR/html4/strict.dtd;
 html
 head
 title.../title
 meta http-equiv=Content-Type content=text/html; 
 charset=iso-8859-1
 style type=text/css
 .activitat {
 border: 1px solid #ffab00;
 margin: 0 0 6em; 0
 color: red;
 }

 .fotoactivitatesq {
 float: left;
 margin: 0 1em 0 0;
 border: 1px solid blue;
 }
 /style
 /head
 body
 div class=activitat
 h2Titular/h2
 img src=imatges/img.jpg width=184 
 height=148 alt=img
 class=fotoactivitatesq
 pLorem ipsum dolor sit amet, consectetuer 
 adipiscing elit. Donec
 est augue, dapibus nec, sollicitudin id, ornare id, turpis. Integer et
 nunc sed dolor vulputate convallis. Nullam lacus lorem, facilisis a,
 iaculis id, tincidunt quis, leo. Aliquam id elit ut lectus tempor
 bibendum. Duis at nibh ac odio varius tempor. Mauris molestie./p
 /div

 /body
 /html
 ___
 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



--
Saludos / Best Regards

David Rodriguez Vega (McDave)
web: http://www.mcdave.net
email: [EMAIL PROTECTED]
skype: doobix
linux user: 351999
___
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] Problema con float

2005-12-18 Por tema Bernat Lleonart
Gracias, ya está solucionado.

Un saludo.

2005/12/18, McDave [EMAIL PROTECTED]:
 Mi apaño sería poner despues de /p y antes del /div un p
 style=clear:both;/p para que no se colase la imagen fuera del
 div.

 On 12/17/05, Bernat Lleonart [EMAIL PROTECTED] wrote:
  Hola,
 
  Tengo este código, y me gustaría saber cómo podría hacer que el border
  del div activitat envolviera también a la imagen flotada, de manera
  que esta se viera también dentro del marco.
 
  Muchas gracias.
 
  !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
  http://www.w3.org/TR/html4/strict.dtd;
  html
  head
  title.../title
  meta http-equiv=Content-Type content=text/html; 
  charset=iso-8859-1
  style type=text/css
  .activitat {
  border: 1px solid #ffab00;
  margin: 0 0 6em; 0
  color: red;
  }
 
  .fotoactivitatesq {
  float: left;
  margin: 0 1em 0 0;
  border: 1px solid blue;
  }
  /style
  /head
  body
  div class=activitat
  h2Titular/h2
  img src=imatges/img.jpg width=184 
  height=148 alt=img
  class=fotoactivitatesq
  pLorem ipsum dolor sit amet, consectetuer 
  adipiscing elit. Donec
  est augue, dapibus nec, sollicitudin id, ornare id, turpis. Integer et
  nunc sed dolor vulputate convallis. Nullam lacus lorem, facilisis a,
  iaculis id, tincidunt quis, leo. Aliquam id elit ut lectus tempor
  bibendum. Duis at nibh ac odio varius tempor. Mauris molestie./p
  /div
 
  /body
  /html
  ___
  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
 


 --
 Saludos / Best Regards

 David Rodriguez Vega (McDave)
 web: http://www.mcdave.net
 email: [EMAIL PROTECTED]
 skype: doobix
 linux user: 351999
 ___
 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] Problema con float

2005-12-18 Por tema Camilo Kawerín

Hola,

Éste es un bonito ejemplo de cómo el top-posting dificulta leer todo el 
hilo, pero de todos modos sigo abajo de todo.


Bernat Lleonart wrote:

Gracias, ya está solucionado.

Un saludo.

2005/12/18, McDave [EMAIL PROTECTED]:

Mi apaño sería poner despues de /p y antes del /div un p
style=clear:both;/p para que no se colase la imagen fuera del
div.

On 12/17/05, Bernat Lleonart [EMAIL PROTECTED] wrote:

Hola,

Tengo este código, y me gustaría saber cómo podría hacer que el border
del div activitat envolviera también a la imagen flotada, de manera
que esta se viera también dentro del marco.

Muchas gracias.

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html
head
title.../title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
style type=text/css
.activitat {
border: 1px solid #ffab00;
margin: 0 0 6em; 0
color: red;
}

.fotoactivitatesq {
float: left;
margin: 0 1em 0 0;
border: 1px solid blue;
}
/style
/head
body
div class=activitat
h2Titular/h2
img src=imatges/img.jpg width=184 height=148 
alt=img
class=fotoactivitatesq
pLorem ipsum dolor sit amet, consectetuer 
adipiscing elit. Donec
est augue, dapibus nec, sollicitudin id, ornare id, turpis. Integer et
nunc sed dolor vulputate convallis. Nullam lacus lorem, facilisis a,
iaculis id, tincidunt quis, leo. Aliquam id elit ut lectus tempor
bibendum. Duis at nibh ac odio varius tempor. Mauris molestie./p
/div

/body
/html


Aunque esté solucionado el problema, te propongo un par de tips que 
pueden hacer más elegante tu código.


Para conseguir que el div contenedor envuelva a la imagen flotada, basta 
con agregar overflow: hidden al primero:


.activitat {
overflow: hidden;
border: 1px solid #ffab00;
margin: 0 0 6em; 0
color: red;
}

También cambiaría class por id en el contenedor y eliminaría el class en 
la imagen. Tu código quedaría así:


CSS

#activitat {
overflow: hidden;
border: 1px solid #ffab00;
margin: 0 0 6em; 0
color: red;
}

#activitat img {
float: left;
margin: 0 1em 0 0;
border: 1px solid blue;
}

HTML

div id=activitat
h2Titular/h2
img src=imagen.jpg width=184 height=148 alt=img
		pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec est 
augue, dapibus nec, sollicitudin id, ornare id, turpis. Integer et nunc 
sed dolor vulputate convallis. Nullam lacus lorem, facilisis a, iaculis 
id, tincidunt quis, leo. Aliquam id elit ut lectus tempor bibendum. Duis 
at nibh ac odio varius tempor. Mauris molestie./p

/div

Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.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


[Ovillo] Problema con float

2005-12-17 Por tema Bernat Lleonart
Hola,

Tengo este código, y me gustaría saber cómo podría hacer que el border
del div activitat envolviera también a la imagen flotada, de manera
que esta se viera también dentro del marco.

Muchas gracias.

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html
head
title.../title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
style type=text/css
.activitat {
border: 1px solid #ffab00;
margin: 0 0 6em; 0
color: red;
}

.fotoactivitatesq {
float: left;
margin: 0 1em 0 0;
border: 1px solid blue;
}
/style
/head
body
div class=activitat
h2Titular/h2
img src=imatges/img.jpg width=184 
height=148 alt=img
class=fotoactivitatesq
pLorem ipsum dolor sit amet, consectetuer 
adipiscing elit. Donec
est augue, dapibus nec, sollicitudin id, ornare id, turpis. Integer et
nunc sed dolor vulputate convallis. Nullam lacus lorem, facilisis a,
iaculis id, tincidunt quis, leo. Aliquam id elit ut lectus tempor
bibendum. Duis at nibh ac odio varius tempor. Mauris molestie./p
/div

/body
/html
___
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