Hola, buen dia
eh estado leyendo tutoriales y estoy intentando hacer una maquetacion, y no me queda como quiero, queria saber cual es el error que tengo
les muestro una imagen que es como quiero mi pagina
http://www.subirimagenes.com/otros-indexmaqueta-8074006.html
Código:
</head>
<body>
<body>
<div id="todo">
<div id="encabezado">
</div>
<div id="menu">
<ul>
<li><a href="">Noticias</a></li>
<li><a href="">Categorias</a></li>
</ul>
</div>
<div id="cajadesplazamiento">
</div>
<div id="contenido">
</div>
<div id="barraderecha">
</div>
<div id="pie">
</div>
</div>
</body>
</html>
Código:
#todo{
width: 1000px;
margin: 0 auto;
background-color: #F00;
overflow: hidden;
}
body{
background-color: #0F0 ;
}
#encabezado{
height: 100px;
}
#menu{
height: 50px;
background: #000000;
}
#menu ul {
padding: 0 px;
margin: 0px;
list-style: none;
list-style-image:none;
list-style-type: none;
}
#menu ul li{
list-style: none;
list-style-image: none;
list-style-type: none;
padding: 10px;
margin: 0px;
float: left;
margin-left: 50px;
color: #66FF00;
font-style: 14px;
font-weight: bold;
}
#menu ul li:Hover {
background: #FF0000;
}
#menu ul li a {
color: #FFFFFF ;
text-decoration: none;
}
#cajadesplazamiento {
width: 1000px;
margin: auto 0;
background-color: #00F;
overflow: hidden;
height: 150px;
}
#contenido {
width: 600px;
margin: left;
background-color: #000;
overflow: hidden;
}
#barraderecha {
width: 400px;
margin: right;
background-color: #FF0;
overflow: hidden;
}
#pie{
width: 1000px;
margin: 0 auto;
background-color: #F66;
overflow: hidden;
}
Espero que puedan ayudarme, ya que estoy haciendo mi pagina web y no soy muy habil en el tema