html, elemento 100% alto?

Crawler

Hola, tengo un pequeño problemilla intentando que un object coja el 100% de alto en una web.
Funciona en IE pero no en firefox, (que solo pilla el 100% ancho)

La idea que llevaba en mente (no se si se puede hacer de otro modo) es pillar por javascript el tamaño de la ventana disponible y pasarselo como valor al alto del object, ahora, se recojer este valor con el js, pero no pasarselo al html :P

Una ayudita? ;)

EnZo

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< html>
< head>
< script>
function alto() {
document.getElementById('capa').style.height=screen.height+'px';
}
</script>
</head>
< body onload="alto()">
< div id="capa" style="width:100%; border:1px solid">sa</div>
< /body>

Esta solucion es una chufa xD porque te da la resolucion, pero claro tu no ves la web a 768 si no que hay que restarle lo que mide la barra de inicio lo que mide la barra del navegador... y eso en cada explorador es diferente.

Yo le quitaria el < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Y asi si te coje el 100% de alto

erdanblo

html {
height: 100%;
}
body {
height: 100%;
}
div#contenedor {
border: 1px solid #000;
height: 100%;
}

//

<div id="contenedor">
yolahamigoh
</div>

guner

#3
html {
height: 100%;
}
body {
height: 100%;

}

html, body {
height: 100%;
}

Empecemos a ahorrar bytes, por favor : D

Crawler

Solucionado, gracias tios ;)

Usuarios habituales

  • Crawler
  • guner
  • erdanblo
  • EnZo