Hola a todos!
A ver si pueden ayudarme.
En la cabecera tendo 3 capas, la capa lateral derecha se baja cuando maximizo la ventana en IE.- Con Mozilla se ve bien.
Podrian echarme una mano??
Este es el codigo de mi pagina:
***************************************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="estilo_general.css" rel="stylesheet" type="text/css" />
</>
<title>Plantilla basica para pagina</title>
<LINK REL="SHORTCUT ICON" HREF="imagenes/icono.gif">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="escudo">[img]imagenes/uv_azul.jpg[/img]
Universidad Veracruzana </div>
<div id="banner" class="titulo">Red Acelerografica</div>
<div id="logo">
<div align="center">[img]imagenes/rayito.jpg[/img]</div>
</div>
<div id="barra">
<ul>
[*]Mapa del Sitio
[*]Contactenos
[*]Inicio[/list] </div>
</div>
<div id="navegacion">
<div id="imagen"></div>
<div id="indice">
<ul>
[*]Antecedentes
[*]Instrumentacion
[*]Estaciones
[*]Localizacion de estaciones
[*]Sismos Registrados
[*]Publicaciones
[*]Vinculacion
[*]Responsables
[*]Ligas de Interes
[*]Proyectos[/list]
</p>
</p>
</div>
</div>
<div id="definicion">
<div id="imagen_central">
<div align="center">[img]imagenes/azul_rojo2.jpg[/img]</div>
</div>
<div id="Contenido">
<p class="Titulo">Red Veracruzana de Instrumentacion Sismica </p>
</p>
El Instituto de Ingeniería de la Universidad Veracruzana (II-UV) inició en el año de 1999 la propuesta técnica para la justificación de la instalación de una red de monitoreo sísmico. </p>
</p>
Inicialmente se instala en la zona conurbada Veracruz-Boca del Río, con la finalidad de contribuir a la base de datos de registros sísmicos nacional y disponer de equipos propios para realizar estudios de microzonificación sísmica en las principales ciudades del estado de Veracruz y a su vez ampliar e conocimiento de la sismicidad local en cada una de ellas. </p>
</p>
Para el estado, solamente existían estudios preliminares de microzonificación sísmica para las ciudades de Xalapa y Veracruz, realizados en colaboración entre el II-UV y el Instituto de Ingeniería de la UNAM (II-UNAM) en 1995.
</p>
</div>
</div>
<div id="panel_derecho">
Noticias Importantes</p>
</p>
</p>
</div>
<div id="pie">
Fecha de Ultima actualizacion: 12 Mayo, 2008 8:48 AM</p></div>
</div>
</body>
</html>
************************************************
Y esta es mi hoja de estilos:
************************************************
@charset "utf-8";
* {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0px 0px 0px 0px;
}
#global {
margin: 0px 0px 0px 0px;
width:100%;
height: 100%;
}
#cabecera {
width:100%;
background-color:#000066;
float:left;
height: 120px;
}
#escudo {
width:20%;
height:100%;
background-color:#000066;
float:left;
margin:0px 0px 0px 0px;
padding: 0px;
text-align: center;
color: #CCCCCC;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:11px;
}
#banner {
width:60%;
height:100%;
float:left;
margin: 0px 0px 0px 0px;
padding: 0px;
border:none;
background-image: url(imagenes/Banner_Fondo.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
text-align:center center;
font-size:36px;
font-weight:bold;
font-family: Georgia, "Times New Roman", Times, serif;
background-position: left top;
}
#banner.titulo{
color:#FFFFFF;
text-align:center;
font-size:36px;
font-weight:bold;
font-family: Georgia, "Times New Roman", Times, serif; }
#logo {
width:20%;
height:100%;
float:left;
}
#barra {
width:100%;
height:20px;
background-color:#FF0000;
color:#CCCCCC;
float:left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12pt;
}
#barra ul {list-style-type:none; }
#barra li {float:right; display:block;}
#barra li a {
font-family: Georgia,"Times New Roman", Times, serif;
text-decoration:none;
color:#CCCCCC;
padding: 0px 10px 0px 10px;
font-size:12px;
text-align:center;
font-weight: bold;
}
#barra li a:hover {
font-family: Georgia,"Times New Roman", Times, serif;
color:#FF0000;
background-color: #FFFFFF;
}
#navegacion {
width:20%;
background-color:#E1E1E1;
float:left;
height:100%;
margin:0px 0px 0px 0px;
}
#imagen {
height: 100%;
background-image: url(imagenes/registro.jpg);
background-repeat: no-repeat;
background-position: center center ;}
#definicion {width:60%; background-color: #FFFFFF;
height: 500px; float:left;
margin:0px 0px 0px 0px}
#imagen_central{
}
#Contenido{
margin:20px 15px 0px 15px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
text-align:justify;
color:#000066;
}
#panel_derecho {
background-color: #E1E1E1;
height: 500px;
width:20%;
float:left;
}
#panel_derecho p{ color:#000099;
font-size:10px;
font-weight:bold;
margin: 20px 0px 30px 0px;
text-align:center;
font-family: Georgia, "Times New Roman", Times, serif;}
#pie {
background-color: #000066;
height: 15%;
width: 100%;
float:left;
text-align:center center;}
#pie p{
color:#999999;
font-size:10px;
text-align:center;
margin: 20px 0px 0px 0px;}
.Titulo{
font-size:16px;
color:#000099;
font-weight:bold;
text-align:center;}
#indice{
float:left;
color:#333333;
font-size:12px;}
#indice ul{list-style:none; }
#indice li { margin:0px 0px 0px 5px;
padding: 5px 0px 0px 0px;}
#indice a{color:#000066;
text-decoration:none;}
#indice a:hover{color:#FF0000;}
**********************************************
Muchas gracias de antemano :)
Citar
Marcadores