Pessoal,
tenho um site em frame, só que quando eu altero o tamanho da tela, até apertando o botão "Restaurar Tamanho" (do lado do X), a tela diminui e um frame fica por cima de outro...
Alguém poderia me ajudar?
frame index (principal):
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> Principal </title>
<script type="text/javascript" src="http://updateyourbrowser.net/asn.js"> </script>
<meta name="description" content="Tela inicial do PGPM">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<style>
html{overflow-y:hidden;overflow-x:hidden;}
</style>
<frameset rows="8%,80%,4.3%" border="1" frameborder="1">
<frame name="head" src="header.jsp" noresize="no">
<frameset cols="17%,*"border="0" frameborder="0">
<frame name="menu" src="menu.jsp" noresize="no"></frame>
<frame name="principal" src="home.jsp" noresize="no"></frame>
</frameset>
<frame name="foot" src="foot.jsp" noresize="no">
</frameset>
</html>
Frame header:
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> Cabeçalho </title>
<meta name="description" content="Cabeçalho do PGPM">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<style type="text/css">
html{overflow-y:hidden;overflow-x:hidden;}
body {
background-color: #00263A;
}
.titulo {padding: 0px 0 0px 0px; top: -10px; font-size: 16px; font-family: arial, helvetica, serif; color: #FFFFFF;}
.tela {position: fixed; left: 140px; top: 17px; font-size: 20px; font-family: arial, helvetica, serif; color: #FFFFFF;}
</style>
<body>
<div class="titulo"> <img src="img/logoPorto.png" border="0" width="123"> </div>
<div class="tela"><b>Plataforma para Gestão</b></div>
</body>
Frame foot
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> Rodapé </title>
<meta name="description" content="Plataforma de Gestão">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<style>
<!--html{overflow-y:hidden;overflow-x:hidden;}-->
body {background-color: #00263A;}
.titulo {padding: 0px 0 0px 0px; top: 0px; font-size: 16px; font-family: arial, helvetica, serif; color: #FFFFFF;}
.tela {position: relative; center: 0px; top: 0px; font-size: 10px; font-family: arial, helvetica, serif; color: #FFFFFF;}
</style>
<body>
<!--<div class="titulo"> <img src="logoPorto.png" border="0" width="123"> </div>-->
<div class="tela">Desenvolvido por PED</div>
</body>
E uma das telas que carregam o centro:
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> Menu </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<BASE href="home.html" target="principal">
<link rel='stylesheet' type='text/css' href='css/buttonMenu.css'>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
</head>
<style type="text/css">
html{overflow-y:hidden;overflow-x:hidden;}
#conteudo {width:1000px;margin: 0 auto;margin-left:12%}
#comboVeiculo {}
#tituloAba {background:#0094ff;width:100px;height:25px;}
.titulo {font-weight: bold; color:#FFF; text-align:center; padding-top:4px;}
#box {border:2px solid; border-color:#0094ff;width:700px;}
.box h2 {background:#0094ff;color:white;padding:10px;}
.box p {color:#333;padding:10px;}
.box dataI {color:#333;}
.box dataF {color:#333;}
</style>
<body>
<div id="conteudo">
<div>Medições Históricas</div>
<div id="comboVeiculo">
<select name="cod_igreja" class="selectbox" style="width:200px;">
<option value="0">SELECIONE</option>
<c:forEach var="e" items="${estados}">
<option value="${e.cod_estado}" <c:if test="${e.cod_estado == param.meuparametrodobanco}">Selected=selected</c:if> > ${e.nom_estado}</option>
</c:forEach>
</select>
</div>
<div>
<div id="tituloAba">
<p class="titulo">Filtros</p>
</div>
<div id="box">
<div class="datas">
<p>Data Inicial:<input type="text" size="15" maxlength="10" id="dataIni" name="dataIni"/></p>
<p>Data Final:<input type="text" size="15" maxlength="10" id="dataFin" name="dataFin"/></p>
</div>
</div>
<br>
</div>
</div>
</body>
</html>
E o Menu
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> Menu </title>
<BASE href="home.html" target="principal">
<link rel='stylesheet' type='text/css' href='css/buttonMenu.css'>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<style>
html{overflow-y:hidden;overflow-x:hidden;}
</style>
<body>
<a href="perfil.jsp" style="text-decoration:none">
<div class="btnPerfil">Perfil</div>
</a>
<a href="ultimaMedicao.jsp" style="text-decoration:none">
<div class="btnUltMedicao">Última Medição</div>
</a>
<a href="medicoesHistoricas.jsp" style="text-decoration:none">
<div class="btnMedHist">Medições Históricas</div>
</a>
</body>
</html>