Buenas, tengo un problema entre div padres e hijos.
Tengo un div principal dentro de este tengo 2 divs hijos con float:left
En el primer div hijo tengo una imagen, y el segundo div hijo tengo texto
Bien el problema que tengo es que el div principal osea el padre no crece automaticamente, por mas contenido que tenga cualquiera de los divs hijos la altura del div padre no crece.
Lo que quiero es que la imagen del primer hijo, al hacer un transform:scale(Para aumentar la imagen al hacer hover) me corra el 2° hijo para la derecha para que no tape los titulos y el div padre con los hijos tambien se agranden en y.
Probe de todo overflow: auto (me pone un scroll y no lo quiero, quiero que se ajusten los divs), el overflow hide no me sirve porque se oculta parte de la imagen y el overflow visible me lo saca fuera del div padre.
Adjunto Imagen para que se entienda
Aca se ve mejor la imagen ---->> http://i.imgur.com/Kt3rx0X.png
Codigo
Código HTML:
Ver original<div id="padre" style="overflow:auto;"> <div id="hijo1" style="float:left;"> <img src="xxx"> {MI IMAGEN}
</img> </div> <div id="hijo2" style="float:left;"> INFORMACION
</div>
Saludos