Holas, espero que no fastidie con esta pregunta que muchos, yo creo, ya han formulado, pero bue... tengo el siguiente script
Código:
<html>
<head>
<style>
*
{
padding:0;
margin:0;
}
body
{
padding:0;
margin:0;
background-color:#E5E5E5;
font-family:Trebuchet MS;
}
div
{
text-align:center;
width:70%;
margin:auto;
}
#arriba
{
background-color:darkred;
color:white;
}
#contenido
{
background-color:#E5E5E5;
color:white;
}
#pie
{
background-color:darkred;
color:white;
}
#menuIZQ
{
float:left;
width:20%;
background-color:darkred;
color:whtite;
}
#menuDER
{
float:rigth;
width:20%;
background-color:darkred;
color:white;
clear:left;
}
</style>
</head>
<body>
<div id="arriba">
ARRIBA
</div>
<div id="contenido">
<div id="menuIZQ">
menu izquierdo
</div>
<div id="menuDER">
menu derecho
</div>
</div>
<div id="pie">
ABAJO
</div>
</body>
</html>
el cual quiero que haga una pantalla semejante más o menos a la de la imagen pero el div del menú derecho me lo coloca por debajo es decir, como que da un salto de linea, como le puedo hacer para que me quede un menú de un lado, el contenido de mi información en el centro y otro menú en el lado derecho, espero me haya dado a entender.
Saludos.