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í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> </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> </p>
<p> </p>
<p>asd</p>
<p>as</p>
<p>da</p>
<p>sd</p>
<p>as</p>
<p>FIN</p>
</div></td>
<td width="666"> </td>
</tr>
</table>
</div>
</body>
</html>
ese codigo me funciono perfectamente en explorer pero en firefox no
si alguien me puede ayudar