La solución si funciono en IE pero
no en Firefox 1.5 lo que me hace pensar que aun no hayo la forma correcta. La única solución al
height es quitar el
DOCTYPE pero repito no se me hace correcto, pero creo que sera la única solución por el momento.
Les dejo el código completo. Talvez alguien le de al clavo
para que los
div abarquen el 100% restante de la pantalla en Firefox usando
solo CSS como lo hace IE.
Código:
<!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"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Sistema</title>
<style type="text/css">
<!--
html { /*solo esta funcionando en IE*/
height: 100%;
}
body {
margin-left: 0px;
margin-top: 69px;
margin-right: 0px;
margin-bottom: 0px;
}
#content {
width: 100%;
height: 100%;
}
#seccion1 {
height: 69px;
width: 100%;
background-color: rgb(0,91,195);
position: absolute;
left: 0px;
top: 0px;
}
#seccion2 {
width: 235px;
float: left;
height: 100%;
}
#seccion3 {
margin-left: 235px;
height: 100%;
background-color: #339966;
}
-->
</style>
</head>
<body scroll="no">
<div id="content">
<div id="seccion1">Botones </div>
<div id="seccion2"><iframe src="http://www.faqsdelweb.com/" name="main" width="100%" marginwidth="0" height="100%" marginheight="0" scrolling="auto" frameborder="0"></iframe></div>
<div id="seccion3"><iframe src="http://www.w3c.org/" name="main" width="100%" marginwidth="0" height="100%" marginheight="0" scrolling="auto" frameborder="0"></iframe></div>
</div>
</body>
</html>
Nota: En opera ni funciona