He puesto una capa contenedor(le he llamado contenedorb) que contiene a estas dos capas a las que me refiero.EL resultado es que en IE,la capa de la izda toma la altura de la capa contendor pero la capa de la derecha ni se inmuta,sigue teniendo la misma altura.Pongo el codigo por si alguien tiene ganas de mirarlo:
Código:
A:link{text-decoration:none; color:#3333FF;}
A:visited{text-decoration:none;color:#3333FF;}
.contenedor{
text-align: left;
width: 850px;
_width:980px;
margin: auto;
}
#cabecera{
height : 100px;
width: 850px;
margin-top:10px;
padding-top:5px;
padding-left:0px;
_padding-left:65px;
padding-right:0px;
_padding_right:65px;
margin-right:0px;
_margin-right:20px;
margin-left:0px;
_margin-right:20px;
}
#cajaarriba{
height:100%;
background-image: url(../images/arriba.gif);
background-position: top center;
background-repeat: no-repeat;
padding-top:30px;
}
.caja {
width:230px;
height:100%;
background-image: url(../images/centro.gif);
background-repeat: repeat-y;
margin-top:50px;
float:left;
}
* html .caja{
margin-left:30px;
}
.cajaabajo {
height:100%;
background-image: url(../images/abajo.gif);
background-position: bottom left;
background-repeat: no-repeat;
padding: 15px 0px 15px 15px;
}
.lateralderecho{
width:600px;
_width:600px;
height:100%;
text-align:center;
margin-top:38px;
margin-left:5px;
padding: 13px 3px 0px 5px;
border-color:#aaa;
border-width:1px;
float:right;
}
* html .lateralderecho{
margin-right:30px;
}
#encabezado{
background-color:#9ACD32;
border-width:1px;
border-style:solid;
border-color:#9ACD32;
margin-top:0px;
margin-right:0px;
padding-top:0px;
top:0px;
padding:0px 0px 0px 0px;
text-align:center;
color:#FFFFFF;
}
H3{
margin-top:2px;
margin-bottom:2px;
}
#contenido{
border-width:1px;
border-style:solid;
border-color:#9ACD32;
margin-top:0px;
padding-top:50px;
text-align:center;
text-indent:0px;
font-weight:bold;
}
#contenedorb{
border-style:solid;
border-color:#aaa;
height:100%;
width:850px;
_width:980px;
}
y el HTML:
Código HTML:
<html>
<head>
<title></title>
<link rel="STYLESHEET" type="text/css" href="CSS/procesar.css">
</head>
<body>
<div class="contenedor">
<div id="cabecera"><img src="images/cabecera.gif" width="850" height="100" border="0"></div>
<div id="contenedorb">
<div class='caja'>
<div id='cajaarriba'>
<div class='cajaabajo'>
<ul>
<li><a href='home.php'>Inicio</a>
<li><a href='cambiarContrasena.php'>Cambiar contraseña</a>
</ul>
</div>//Cierra caja
</div>//Cierra cajaabajo
</div>//Cierra caja
<div class="lateralderecho">
<div id="encabezado">
<h3>Está matriculado de los siguientes cursos:</h3>
</div>//Cierra encabezado
<div id="contenido">
Aqui va texto y mas texto
</div>//Cierra contenedorb
</div>//Cierra contenedor