Miren, hace unos meses hice una página con un layout flexible en CSS que me salió regular. Yo no soy profesional y hago esto como un pasatiempo, seguramente mi pregunta les parecerá muy elemental y tonta, pero les agradecería su ayuda.
Verán, para mi proyecto quiero hacer una página con un encabezado, un cuerpo principal (con el contenido a la izquiera y la navegación a la derecha, en una proporción de 75-25%).
Lo que deseo hacer se vería más o menos así:
Lo que hice fue crear un div "principal" dentro del cual se encontrara la navegación y el contenido (uno con float a la izquierda y otro con float a la derecha). Esto funciona PERFECTO en firefox 2, pero en IE 6 es un caos... aquí tengo una imagen de lo que pasa.
Mi HTML va así:
Código :
<div id="header"> <p>MAPA DEL SITIO</p> <p>LOGOTIPO</p> </div> <div id="contenedor"> <div class="menu_der"> <p>MENU</p></div> <div class="contenido_izq"> <p>CONTENIDO </p></div> </div>
Y mi CSS así:
Código :
body {
background: #808080 url(fondo.gif);
background-attachment:scroll;
margin:9px;
color: #333333;
text-align:center;
padding:0;
}
#header {
height:120px;
width:auto;
background-color:#FFFFFF;
color:#000000;
border:solid #666 2px;
}
#contenedor {
height:auto;
background-color: #717D8A;
color:#000000;
border:solid #666 2px;
margin-top:9px;
overflow:hidden;
}
.contenido_izq {
height:inherit;
float: left;
width:75%;
background-color: #F9F9F9;
color:#000000;
}
.menu_der {
height:inherit;
float:right;
width:25%;
color:#000000;
}He leído algunos tutoriales y tal vez pasé algo por alto, pero técnicas como los márgenes negativos y cosas así no me han funcionado. Sé también que sería simplísimo hacer esto mismo con pixeles fijos en lugar de porcentajes, pero para mi, es muy importante poder desarrollar esta idea en porcentajes.
Agradezco de antemano la ayuda que me puedan dar para resolver este problema.
