Hola, estoy comenzando con css. Tengo las siguientes dos dudas:
Este es el estilo que tengo hasta ahora:
Código:
/* Estilo principal */
{margin:0; padding:0;}
body { background-color:#194e09; }
#caja {
margin:0 auto 0 auto; width:1024px;
}
#logo {
width:198px;
height:225px;
border:0;
position:absolute;
top:0; left:0;
}
#banner {
width:1082px;
height:168px;
border:0;
position:absolute;
top:0; left:198px;
}
#menu {
width:1082px;
height:57px;
border:0;
position:absolute;
top:168px; left:198px;
}
#costado {
width:27px;
height:799px;
border:0;
position:absolute;
top:225px; left:0px;
}
#pie {
width:1252px;
height:74px;
border:0;
position:absolute;
top:950px; left:27px;
}
#contenido {
width:1252;
height:725;
background-color:cddcc8;
border:0;
position:absolute;
top:225px; left:27px;
}
1)
Como ven en el texto marcado en negrita: tengo el body con un background, y tengo una caja (que es la del contenido) con otro fondo distinto. Iba todo bien hasta que inserté:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
en la página que llama a este estilo. Ahora el color de la caja no es tomado en cuenta y veo el color del body en la caja y en el fondo (solamente debería ser en el fondo) ¿Qué podría ser?
2)Como ven:
Código:
#caja {
margin:0 auto 0 auto; width:1024px;
}
Intente centrar la totalidad de la página creando un div en el que se insertan todos los demás div, definiendole un ancho (el de la web) y dejando sus left and right automaticos. Pero nada sucede... es decir, sigue estando la web sobre la izq. y lo sobrante a la derecha ¿alguna sugerencia?
SOLUCIONADA esta duda. Me faltaba ponerle position: relative;...
Gracias