Alguien puede ayudarme a entender como funciona el height=100% en firefox, porque en explorer, aunque me genero un espacio raro. lo interpreto bien y funciona pero en firefox no llega al fondo.
Igual puede que me equivoque en muchas cosas porque recien estoy empezando con css y me resulta mucho más entendible con las tablas.
Gracias
Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #000000;
margin: auto;
padding: 0px;
text-align: center;
}
.texto {
font-weight: bold;
color: #666666;
background-color: #FFFFFF;
width: 70%;
height:80%;
float:right;
padding-top: 25px;
}
.dibujo {
background-color: #993333;
float: left;
width: 30%;
height:80%;
padding-top: 25px;
}
.tope {
height:100%;
width: 90%;
text-align: center;
margin: auto;
}
.logotipo {
margin:auto;
color: #FFFFFF;
background-color: #000066;
float: left;
margin: auto;
height:10%;
}
.bottom {
margin:auto
text-align: center;
background-color: #999999;
height=10%;
}
.botones {
width= 100%;
margin:auto;
font-weight: bold;
color: #FFFFFF;
background-color: #9900FF;
height:10%;
}
.centrado {
background-color: #00FF33;
width: 80%;
height:100%;
margin: 0 auto;
text-align: center;
padding:0px;
}
.corte { clear: both;}
-->
</style>
</head>
<body>
<div class="centrado">
<div class="tope">
<div class="logotipo">LOGOTIPO</div>
<div class="botones">HOME QUIENESSOMOS DESCARGAS CONTACTO SARASA</div>
<div class="dibujo">ACA VA ILUSTRACION</div>
<div class="texto">lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </div>
<div class="bottom">fdgdfhdfhfgdfgdfg</div>
</div>
</div>
</body>
</html>