Foros del Web » Creando para Internet » CSS »

div que ocupe el 100% de alto disponible.

Estas en el tema de div que ocupe el 100% de alto disponible. en el foro de CSS en Foros del Web. Buenas tengo un problema, quiero realizar una div de 100% de alto... es decir que tome todo el alto que este disponible en el navegador ...
  #1 (permalink)  
Antiguo 29/04/2007, 15:02
 
Fecha de Ingreso: febrero-2006
Mensajes: 148
Antigüedad: 11 años, 10 meses
Puntos: 0
div que ocupe el 100% de alto disponible.

Buenas tengo un problema, quiero realizar una div de 100% de alto... es decir que tome todo el alto que este disponible en el navegador es decir.... si tengo una imagen que ocupa 77px... tome todo el resto que este disponible lo e intentado de muchas maneras una de ella fue...

Código:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 1</title>
<style>
html,body{ 
height:100%; 
} 
div{ 
background: url("imagenes/azul/fondos-carros/alfa.jpg") no-repeat bottom;
border:1px solid black; 
margin:0 auto; 
width:60%; 
min-height:100%; 
} 
* html div{ 
height:100%; 
} 
#prueba{
background: blue;
height:50%; 
border:1px solid #ccc; 
}

</style>
</head>
<body>
<div>
<div id="prueba">
asdasdas
</div>
</div>
</body>
</html>
y me funciona toma el 100% pero cuando intento agregare overflow: auto; no lo muesta y tampoco sale el scroll del navegador.... luego intente... hacer un tabla.... con 2 campos que tomen el 100% e intentar agregar en unos de los campo un div con overflow pero no logro que tome el 100% de a tabla... en explorer me funciono asi:

Código:
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
.lista{
overflow: auto;
height: 100%;
}
</style>
</head>
<body>
<div align="center">
<table width="755" height="100%" border="1" cellpadding="1" cellspacing="1" class="table">
  <tr>
    <td height="103" colspan="2"><img src="superior.jpg" width="750" height="99"></td>
  </tr>
  <tr>
    <td width="99"> <div class="lista">
    <p>marca</p>
    <p>&nbsp;</p>
    <p>a</p>
    <p>a</p>
    <p>a</p>
    <p>a</p>
    <p>a</p>
    <p>a</p>
    <p>a</p>
    <p>as</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>asd</p>
    <p>as</p>
    <p>da</p>
    <p>sd</p>
    <p>as</p>
    <p>FIN</p>
  </div></td>
    <td width="666">&nbsp;</td>
  </tr>
</table>
</div>
</body>
</html>
ese codigo me funciono perfectamente en explorer pero en firefox no
si alguien me puede ayudar
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




La zona horaria es GMT -6. Ahora son las 15:23.