Foros del Web » Creando para Internet » CSS »

duda con estructuración de web

Estas en el tema de duda con estructuración de web en el foro de CSS en Foros del 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 ...
  #1 (permalink)  
Antiguo 08/09/2009, 15: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
  #2 (permalink)  
Antiguo 08/09/2009, 16:01
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: duda con estructuración de web

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)  
Antiguo 09/09/2009, 14:28
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: duda con estructuración de web

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 original
  1. body
  2. {
  3.     background-color: #000;
  4.     background-image: url(bg.jpg);
  5.     background-repeat: no-repeat;
  6.     background-position: center bottom;
  7.     bottom: 0px;
  8. }

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

gracias!!
  #4 (permalink)  
Antiguo 09/09/2009, 16:28
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: duda con estructuración de web

Hola:

Me alegro que te haya funcionado.

Cita:
Iniciado por boli-sp Ver Mensaje
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)  
Antiguo 09/09/2009, 17:10
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: duda con estructuración de web

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

Última edición por boli-sp; 26/10/2009 a las 04:49
  #6 (permalink)  
Antiguo 10/09/2009, 20:26
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: duda con estructuración de web

no puedo ver la captura pero puedes intentar con un reset
*{margin:0; padding:0;}
chao!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:12.