Hola! va aquí el problema
Tengo tres secciones, una es el encabezado en la parte superior de un alto
en pixeles y ancho al 100%, debajo dos columnas una para el menú(seccion2)
otra para el cuerpo(seccion3) que deben tener el alto restante de la
pantalla sin importar tamaño de ventana o resolución.
No logro que en Firefox 1.5 los div seccion2 y seccion3 abarquen el
porcentaje restante de la pantalla verticalmente. En IE 6 funciona si agrego
el CSS html { height: 100%;}.
Haaa pero si quito el DOCTYPE funciona bien en los dos navegadores, pero no
me agrada la idea de quitar ese estandar.
Quien conoce que me falta de CSS o que estoy estructurando mal para dar el
efecto deseado:
Desde ya gracias!
Código:
<%@ page contentType="text/html; charset=iso-8859-1" language="java"
import="java.sql.*" errorPage="" %>
<%@ page import="com.syc.user.*,com.syc.utils.*" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 FRAME//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";><head>
<% Usuario u = (Usuario)session.getAttribute(ParametersInterface.USER_KEY);
%>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Fortimax</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://lists.ovillo.org/"; 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>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
