Re: [Ovillo] Problema con float en IE 7
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
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
RE: [Ovillo] Problema con float
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
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
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
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
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
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
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
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
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
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
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
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
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
