Al maximizar en IE se descoloca imagen

abiza2 · 12 May 2008, 16:51 · Solicitar retirada

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">[contenido no disponible]

Universidad Veracruzana </div>

<div id="banner" class="titulo">Red Acelerografica</div>
<div id="logo">
<div align="center">[contenido no disponible]</div>
</div>
<div id="barra">
<ul>

[correo eliminado]

Inicio

</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

</p>

</p>
</div>
</div>
<div id="definicion">
<div id="imagen_central">
<div align="center">[contenido no disponible]</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 :)

hq · 14 May 2008, 08:44 · Solicitar retirada

Creo que he encontrado tu problema.

Tienes 3 div's: #navegacion, #definicion y #panel_derecho, cuyos "width" suman 100%, sin embargo, en el último, no has especificado la propiedad margin.

Yo te diría que pusieses lo mismo que en los otros 2 div's, a ver si así se soluciona. Por cierto, no se si es así a propósito, pero el div #global acaba después de la cabecera, justo antes del div #navegacion!!