Foros del Web » Creando para Internet » CSS »

columnas alturas iguales en 960gs

Estas en el tema de columnas alturas iguales en 960gs en el foro de CSS en Foros del Web. Hola!! tengo una duda y problema, es posible hacer columnas de igual altura en 960gs. sin especificar el height del id, suponiendo tengo lo siguiente: ...
  #1 (permalink)  
Antiguo 20/12/2011, 09:52
 
Fecha de Ingreso: mayo-2007
Mensajes: 47
Antigüedad: 17 años, 7 meses
Puntos: 0
Pregunta columnas alturas iguales en 960gs

Hola!! tengo una duda y problema, es posible hacer columnas de igual altura en 960gs. sin especificar el height del id, suponiendo tengo lo siguiente:

Código:
<div  class="container_12" id="content">
   <div class="grid_3" id="block1">
       <h1>SideBar</h1>
       <ul>
          <li><a href="#">enlace1</a></li>
          <li><a href="#">enlace2</a></li>
          <li><a href="#">enlace3</a></li>
       </ul>
       
    </div>
    <div class="grid_9" id="block2">
        <h1>Título 1000</h1>
        <p>
           Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
        </p>
        <h2>Título 2</h2>
        <p>
           Suspendisse venenatis sodales nisl, et cursus magna gravida eget. Pellentesque venenatis condimentum arcu sed mollis. Nunc tortor magna, imperdiet mattis placerat in, ornare sodales erat. Cras felis turpis, feugiat quis suscipit sit amet, cursus sit amet urna. Suspendisse a aliquet nisi. Duis a mauris sit amet tortor venenatis auctor nec sed lorem. Phasellus sit amet sapien magna. Duis ut tellus nisi. Integer eu est vitae lectus scelerisque mattis. Nulla adipiscing auctor quam. Integer lacus leo, scelerisque vestibulum placerat id, tempor vel ante. Donec volutpat ultricies magna, sed egestas tortor ultricies vitae. Duis tincidunt malesuada leo quis ullamcorper. 
        </p>
        <h2>Título 3</h2>
        <p>
           Aenean luctus, arcu sed pellentesque sollicitudin, diam neque lacinia leo, eu volutpat massa urna et est. Morbi tincidunt ornare orci vel semper. Nunc quis risus quam, luctus malesuada sem. Cras varius, lorem quis dapibus volutpat, odio urna elementum velit, eget lacinia turpis urna condimentum sapien. Curabitur mattis odio bibendum urna hendrerit commodo. Etiam posuere molestie malesuada. Nulla sit amet nisi turpis. Aenean sit amet risus malesuada felis congue interdum non eget erat. Vestibulum purus purus, venenatis sit amet rutrum eget, pretium id lacus. Fusce eleifend, ligula in posuere molestie, libero nisi hendrerit elit, eget sagittis augue libero in est. Sed viverra nibh eget leo lobortis lobortis. Etiam id libero lectus. Sed vel diam id ipsum iaculis faucibus eu non sapien. Vivamus consectetur nisi lectus, vel ornare enim. Nullam ut viverra dolor. 
        </p>
    </div>
</div>
<div class="clear"></div>
<div class="container_12" id="footer">
        <div class="grid_2 prefix_10" id="foot">
              <h1>FOOTER</h1>
        </div>
</div>
Como se podria hacer para igualar las alturas de #block1, #block2.
Tambien lo he probado con jquery & equalheights.js pero no funciona en 960gs
Alguien me podria ayudar con esto no pude encontrar solucion. Gracias
  #2 (permalink)  
Antiguo 21/12/2011, 12:08
 
Fecha de Ingreso: mayo-2007
Mensajes: 47
Antigüedad: 17 años, 7 meses
Puntos: 0
Respuesta: columnas alturas iguales en 960gs

Me respondo a mi mismo...
Por si alguien tenga alguna vez este problema, lo puede solucionar con EqualHeights jQuery

incluir .....

<script language="javascript" type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script language="javascript" type="text/javascript" src="jquery.equalheights.js"></script>

<script>
$(document).ready(function() {
$("#block1, #block2").equalHeights();
});
</script>

donde #block1, #block2.... son los id de los divs

Etiquetas: 960gs, framework
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 10:51.