Ver Mensaje Individual
  #5 (permalink)  
Antiguo 26/06/2008, 08:26
Avatar de derkenuke
derkenuke
Colaborador
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 21 años, 2 meses
Puntos: 45
Respuesta: recoger la altura de un div dado por css

Hola chefnelone:

A mi me da 700 sin problemas en IE y en FF:

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<
head>
<
meta http-equiv="Content-type" content="text/html;charset=iso-8859-1" />
<
title>Página nueva</title>
<
style type="text/css">
#content{
    
height700px;
}
</
style>

</
head>

<
body>

<
div id="content">asd</div>

<
script type="text/javascript">
<!--

alertdocument.getElementById("content").offsetHeight );

// -->
</script>

</body>
</html> 
¿Hay algo más dentro de la capa o fuera o...?



Si quieres ser más rebuscado puedes copiarle a prototype su manera de obtener las dimensiones (más o menos):

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<
head>
<
meta http-equiv="Content-type" content="text/html;charset=iso-8859-1" />
<
meta name="Author" content="derkeNuke" />
<
title>Página nueva</title>
<
style type="text/css">
#content{
    
height700px;
}
</
style>
</
head>

<
body>


<
div id="content">asd</div>


<
script type="text/javascript">
<!--


var 
getDimensions = function(element) {
    
element document.getElementById(element);
    var 
display element.style.display;
    if (
display != 'none' && display != null// Safari bug
      
return {widthelement.offsetWidthheightelement.offsetHeight};

    
// All *Width and *Height properties give 0 on elements with display none,
    // so enable the element temporarily
    
var els element.style;
    var 
originalVisibility els.visibility;
    var 
originalPosition els.position;
    var 
originalDisplay els.display;
    
els.visibility 'hidden';
    
els.position 'absolute';
    
els.display 'block';
    var 
originalWidth element.clientWidth;
    var 
originalHeight element.clientHeight;
    
els.display originalDisplay;
    
els.position originalPosition;
    
els.visibility originalVisibility;
    return {
widthoriginalWidthheightoriginalHeight};
};

alertgetDimensions('content').height );

// -->
</script>

</body>
</html> 

O incluso recogerlas desde CSS y cambiarlas.



Saludos
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.