CSS - Imagen se sale del DIV

   
Vista:

Imagen se sale del DIV

Publicado por Andrés oso (1 intervención) el 24/07/2014 22:59:28
Hola a todos!

Estoy creando un sitio que usa el edito CKedtor, el problema es que cuando se ingresan imagenes y las alinea a la izquierda o derecha se salen del recuadro (usa automaticamente float:left o float:right



El recuadro esta dentro de dos DIV, no se como hacer que la imagen quede dentro del DIV informacion a pesar de que las imagenes tengan ese float.

<div id="box"><div id="titulot">12121asas1212</div><div id="informacion"><p><img alt="" src="http://i.imgur.com/XvWIwD7.jpg" style="float:left" /></p></div></div></div>


El código CSS (estoy trabajando con Bootstrap)
#Box solo tiene las propiedades del color....


#box{
}

#informacion
{
padding: 5px 5px 5px 5px;
}

#informacion img
{
display:block;max-width:100%;height:auto;
}


Gracias por su ayuda
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Imagen se sale del DIV

Publicado por xve (349 intervenciones) el 25/07/2014 08:09:08
Hola Andrés, creo que en el estilo #informacion te falta añadir: overflow:hidden;

Algo así:
1
2
3
4
5
#informacion
{
padding: 5px 5px 5px 5px;
overflow:hidden;
}

Si nos puedes comentar...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar