div con height automatico
380 views
Skip to first unread message
Bernabe Garro
Jul 7, 2012, 8:43:16 PM7/7/12
to fronten...@googlegroups.com
Hola tengo dos divs con float:left y right respectivamente
Es posible hacer que el de la izquierda cambie de tamaño (height) conforme el de la derecha va creciendo ? por ejemplo cuando al de la derecha le agrego articulos u otras cosas
Es posible hacer que el de la izquierda cambie de tamaño (height) conforme el de la derecha va creciendo ? por ejemplo cuando al de la derecha le agrego articulos u otras cosas
Jorge del Casar
Jul 9, 2012, 4:21:25 AM7/9/12
to fronten...@googlegroups.com
Hola Bernabé,
En un futuro tendrás CSS Grid Layout, pero, por ahora, solo lo soporta las últimas versiones de los navegadores, como IE10 o Chrome Canary (v.22). Así que tienes las siguientes opciones:
- Equal Height Columns using CSS (ejemplo 4) de Ed Eliot, aunque se han detectado algunos problemas con esta técnica.
- Equal Height Columns with Cross-Browser CSS de Matthew James Taylor
- Fluid Width Equal Height Columns de Chris Coyier.
Espero que alguna te valga ;)
Saludos,
El 8 de julio de 2012 02:43, Bernabe Garro <bern...@gmail.com> escribió:
Hola tengo dos divs con float:left y right respectivamente
Es posible hacer que el de la izquierda cambie de tamaño (height) conforme el de la derecha va creciendo ? por ejemplo cuando al de la derecha le agrego articulos u otras cosas
--
Has recibido este mensaje porque estás suscrito al grupo "Frontend Spain" de Grupos de Google.
Para publicar una entrada en este grupo, envía un correo electrónico a fronten...@googlegroups.com.
Para anular tu suscripción a este grupo, envía un correo electrónico a frontend-spai...@googlegroups.com
Para tener acceso a más opciones, visita el grupo en http://groups.google.com/group/frontend-spain?hl=es.
plomo bit
Jul 9, 2012, 4:47:59 AM7/9/12
to fronten...@googlegroups.com
Yo lo haría, mediante js (jquery), puedes hacer un pequeño script que tome la medida de una div y ajuste la otra.
ejemplo:
$(document).ready(function () {
var altura = $('#div1').height(); //calculamos la altura de la div que se va ha expandir
$('#div2').height(altura); // insertamos la altura a la otra div
});//cerramos el ready
Espero te ayude!
Saludos.
Eduardo vega.
Jorge del Casar
Jul 9, 2012, 5:08:37 AM7/9/12
to fronten...@googlegroups.com
Si quieres usar jQuery te recomiendo este plugin The EqualHeights jQuery Plugin y cada vez que metas contenido llames a la función equalHeights.
Saludos,
Bernabe Garro
Jul 9, 2012, 10:23:50 AM7/9/12
to fronten...@googlegroups.com
Gracias Jorge ! lo revisaré
Bernabe Garro
Jul 9, 2012, 10:24:58 AM7/9/12
to fronten...@googlegroups.com
Gracias plomo, muy buena solucion !!
Reply all
Reply to author
Forward
0 new messages