duda con estructuración de web

#1 (**permalink**) 08/09/2009, 14:16

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<body>
<div id="contenedor">
  <div id="cabecera">
        <div id="cabecera-izquierda"></div>
        <div id="cabecera-derecha"></div>
    </div>
 
  <div id="cuerpo"></div>
 
    <div id="abajo">
        <div id="abajo-izquierda"></div>
        <div id="abajo-derecha"></div>
    </div>
 
</div>
</body>

Código css:

Ver originalbody {
    background-color: #000;
    background-image: url(bg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-attachment: fixed;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}
body,td,th {
    color: #FFF;
    font-family: Lucida Grande, Geneva, Verdana;
    font-size: 11px;
}
#contenedor{
    }
    
    
#cabecera {
    width: 900px;
    position: fixed;
    height: 110px;
    top: 15px;
}
 
#cabecera-izquierda{
    float: left;
    width: 20%;
}
 
 
#cabecera-derecha {
    font: bold 15px/50px;
    font-size:18px;
    float: right;
    width: 80%;
    height:100px;
}
 
#cuerpo{
    float:left;
}

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

jomaruro · #2 (**permalink**) 08/09/2009, 15:01

Hola:

En el id cabecera cambia lo que te pongo en rojo:

Código:

#cabecera {
    width: 900px;
    /*position: fixed;*/
    height: 110px;
    top: 15px;
}

Saludos.

#3 (**permalink**) 09/09/2009, 13:28

muchas gracias, jomaruro!!
tenía unos cuantos en el CSS pero veo que a mi no me resultan útiles :S

ahora tengo otra duda...
yo en el body tengo un fondo que quiero que estea siempre pegado al fondo. cuando la página es más alta que la pantalla (es decir, tenemos una barra a la derecha en el navegador) está pegado, pero cuando es más pequeña, no se pega al fondo del navegador sino que queda donde acaba la página.

el css ahora lo tengo así:

Código css:

Ver originalbody 
{
    background-color: #000;
    background-image: url(bg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    bottom: 0px;
}

puse el bottom: 0px; pero no sirve de nada, que puedo hacer?

gracias!!

jomaruro · #4 (**permalink**) 09/09/2009, 15:28

Hola:

Me alegro que te haya funcionado.

Cita:

Iniciado por boli-sp

pero cuando es más pequeña, no se pega al fondo del navegador sino que queda donde acaba la página.

No acabo de entender que quieres decir con esto.

Saludos.

#5 (**permalink**) 09/09/2009, 16:10

en la captura de abajo deja un espacio entre el navegador y la página y lo que quiero es que el fondo estea pegado a la parte de abajo aunque la página sea más pequeña
espero haberme explicado

saludos y gracias de nuevo por contestar

alexk · #6 (**permalink**) 10/09/2009, 19:26

no puedo ver la captura pero puedes intentar con un reset
*{margin:0; padding:0;}
chao!