Hola amigos!!!!
Como puedo hacer para que los div's left y right se me adapten a la altura de center?
Mi codigo es el siguiente:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="
estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main">main
<div id="left">left</div>
<div id="center">center</div>
<div id="right">right</div>
</div>
</body>
</html>
#main{
background-color:#CCCCCC;
position:absolute;
float:left;
width:100%;
height:100%;
}
#left{
/* REALMENTE VA UNA IMAGEN DE FONDO DE H:1px W:20px REPEAT-Y */
background-color:#FFFF00;
position:relative;
float:left;
width:5%;
height:100%;
}
#center{
background-color:orange;
position:relative;
float:left;
width:90%;
height:300px;
}
#right{
/* REALMENTE VA UNA IMAGEN DE FONDO DE H:1px W:20px REPEAT-Y */
background-color:#99FF00;
position:relative;
float:left;
width:5%;
height:100%;
}
con este codigo IE no hace nada prácticamente i firefox left y right ocupan el 100% de la altura
que alguien me ayude.plissss
he estado leyendo pero no he visto nada que se parezca a lo mio, que si chequear el explorador y hacer un css para IE y otro para Firefox, pero no hay manera.
Muchas gracias