Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/09/2009, 14:16
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
duda con estructuración de web

hola!

estoy haciendo una web y con respecto al css (como no controlo mucho) lo voy siguiendo por un manual, pero tengo una duda que no doy resuelto

http://ricardotayar.files.wordpress....1/layout01.jpg

yo lo que quiero es algo así: una cabecera y un cuerpo
a mi lo que me pasa es que la cabecera y el cuerpo comienzan arriba de todo (se superponen), y lo que quiero es que el cuerpo empiece despues de la cabecera

Código html:
Ver original
  1. <div id="contenedor">
  2.   <div id="cabecera">
  3.         <div id="cabecera-izquierda"></div>
  4.         <div id="cabecera-derecha"></div>
  5.     </div>
  6.  
  7.   <div id="cuerpo"></div>
  8.  
  9.     <div id="abajo">
  10.         <div id="abajo-izquierda"></div>
  11.         <div id="abajo-derecha"></div>
  12.     </div>
  13.  
  14. </div>
  15. </body>

Código css:
Ver original
  1. body {
  2.     background-color: #000;
  3.     background-image: url(bg.jpg);
  4.     background-repeat: no-repeat;
  5.     background-position: center bottom;
  6.     background-attachment: fixed;
  7.     margin-left: auto;
  8.     margin-right: auto;
  9.     width: 900px;
  10. }
  11. body,td,th {
  12.     color: #FFF;
  13.     font-family: Lucida Grande, Geneva, Verdana;
  14.     font-size: 11px;
  15. }
  16. #contenedor{
  17.     }
  18.    
  19.    
  20. #cabecera {
  21.     width: 900px;
  22.     position: fixed;
  23.     height: 110px;
  24.     top: 15px;
  25. }
  26.  
  27. #cabecera-izquierda{
  28.     float: left;
  29.     width: 20%;
  30. }
  31.  
  32.  
  33. #cabecera-derecha {
  34.     font: bold 15px/50px;
  35.     font-size:18px;
  36.     float: right;
  37.     width: 80%;
  38.     height:100px;
  39. }
  40.  
  41. #cuerpo{
  42.     float:left;
  43. }

espero que me puedan ayudar. he intentado resumir lo máximo posible. gracias de antemano