solucion combinada de http://css.maxdesign.com.au/ y escael
css
.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}
#text {
width: 30%;
border: 1px solid #000000;
height: 100%;
overflow: auto;
}
html
<div id="text">
<p>
<img class="floatright" src="images/image.gif" alt="" width="100"
height="100" />Lorem ipsum dolor sit amet, consectetuer...
</p></div>
<div id="text">
<p>
<img class="floatright" src="images/image.gif" alt="" width="100"
height="100" />Lorem ipsum dolor sit amet, consectetuer...
</p></div>
Hola escael,
Hace días hablamos del problema que nos puede traer el uso de los
float.
Te lo pego:
------------------------------------------------------------------------
Es un problema común al empezar a usar float, si no sabe donde
acabar el float se sale de la capa que lo contiene, has de poner
un clear.
mas info en:
http://css.maxdesign.com.au/floatutorial/index.htm
y en concreto:
http://css.maxdesign.com.au/floatutorial/clear.htm
------------------------------------------------------------------------
En tu caso concreto, o bien añades un elemento superfluo al final de
cada noticia para hacer el clear de la imagen flotada, o fuerzas a
que la capa de la noticia sea siempre mayor que la imagen, por
ejemplo con un height en ie y con un min-height en ff y amigos,
pero continuamos con las ñapas.
Se suelen utilizar los enlaces de comentarios o ampliar noticias
para estas cosas...
Monday, October 17, 2005, 11:07:49 PM, you wrote:
e> hola lista
e> tengo un amigo que esta maquetando un sitio
e> http://www.habanaarte.com/test/index.php y tiene un problema
e> como veran hay dos imagenes que se desbordan. el problema es que cuando
e> el texto es poco y la imagen es muy grande se desborda del DIV.
e> yo trate de solucionarle el problema pero solo llegue a ponerle una
e> propiedad overflow: auto a ese div, en firefox se soluciona el problema
e> pero en IE no.
e> que solucion se le podria dar
e> saludos
e> skl
Saludos.
_________________________________
Todo lo que no aprendí,
no se me ha olvidado.
_________________________________
_______________________________________________
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