Buenas, estoy intentando maquetar una web con el float, para poder ofrecerle distintas apareciencias modificando la hoja de estilo con el float y los tamaños.
Mi objetivo es lo q muestro en la siguiente imagen a la izda y lo q obtengo es la maquetación de la derecha:
http://www.subirimagen.es/220981/Problema_20maquetaci_F3n_JPG.html
El código que se ejecuta es el siguiente:
Cita: <body>
<div id="todo">
<div id="login" >
Login
</div>
<div id="cabecera">
Cabecera
</div>
<div id="menuCliente">
Cliente
</div>
<div id="menuAdministracion">
Administracion
</div>
<div id="cuerpo">
Cuerpo
</div>
</div>
</body>
Cita: #todo {
height:"900px";
width:"700px";
}
#login {
background-color:#00CC00;
float:left;
width:10%;
height:20%;
}
#cabecera {
background-color:#333300;
float:right;
width:90%;
height:20%;
}
#menuCliente {
background-color:#FF3333;
float:left;
width:20%;
height:80%;
}
#menuAdministracion {
background-color:#660000;
float:right;
width:80%;
height:20%;
}
#cuerpo {
background-color:#FFFFCC;
float:right;
width:80%;
height:60%;
}
Mi duda radica en que no sé qué estoy realizando mal, si es un tema de programación o un tema de concepto de maquetación.
Muchas gracias por adelatando