Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/07/2014, 15:52
quico5
 
Fecha de Ingreso: enero-2008
Mensajes: 580
Antigüedad: 16 años, 4 meses
Puntos: 9
Aplicar ancho dinámico a partir del valor de un atributo

Supongo que ando cerca, pero no se como se hace

FILA determina el WIDTH del DIV contenedor
CELDA determina la fracción del DIV hijo

Código HTML:
<style>
  [fila] {display:table; margin:0 auto; width:100%;}
  [celda] {display:table-cell; vertical-align:top; padding:0 10px;}
</style>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
  $(function() {
    $("[fila]").css("width",$("div").attr("fila")px);
    $("[celda]").css("width",100*$("div").attr("celda")%);
  })
</script>

<div fila='960'>
	<div celda='1/5'>prueba1</div>
	<div celda='3/5'>prueba0</div>
	<div celda='1/5'>prueba2</div>
</div>

<div fila>
	<div celda>prueba1</div>
	<div celda>prueba2</div>
</div> 
Gracias por la ayuda

Última edición por quico5; 13/07/2014 a las 16:29