Bufa Webmaster » div http://www.bufa.es Recursos web en español Tue, 31 Jan 2012 23:47:29 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 jQuery: Ancho y alto de un div http://www.bufa.es/jquery-dimensiones-div/ http://www.bufa.es/jquery-dimensiones-div/#comments Sat, 02 Oct 2010 20:09:11 +0000 Jorge Maiden http://www.bufa.es/?p=581 Aprovechando el post anterior, os muestro como conocer las medidas (ancho y alto) en pixeles de un determinado div u otro elemento del documento, utilizando las propiedades width() y height() de jQuery.

En este caso mostraremos un alert con el ancho y alto en pixeles del div con id “midiv”:

$(document).ready(function($){
    var div_ancho = $("#midiv").width();
    var div_alto = $("#midiv").height();
    alert(div_ancho);
    alert(div_alto);
});

Conociendo esto podéis conocer las dimensiones de cualquier elemento dentro de vuestra página web.

]]> http://www.bufa.es/jquery-dimensiones-div/feed/ 2 Divs de la misma altura con jQuery http://www.bufa.es/divs-misma-altura-jquery/ http://www.bufa.es/divs-misma-altura-jquery/#comments Mon, 01 Feb 2010 20:45:17 +0000 Jorge Maiden http://www.bufa.es/?p=221 Quién no ha tenido problemas alguna vez en CSS con que alguno de sus divs laterales (generalmente en webs de 3 columnas) se ha quedado corto, y queremos que sea exactamente de la misma altura que el otro dependiendo del contenido que exista en alguno de ellos… bien, jQuery nos lo pone fácil para solucionar estos casos.

function mismaAltura(midiv) {
    alto = 0;
    midiv.each(function() {
        altura = $(this).height();
        if(altura > alto) {
            alto = altura;
        }
    });
    midiv.height(alto);
}
// Modo de uso:
$(document).ready(function() {
    mismaAltura($(".columna_izquierda"));
    mismaAltura($(".columna_derecha"));
});
]]> http://www.bufa.es/divs-misma-altura-jquery/feed/ 0