Foros del Web - Ver Mensaje Individual - duda basica css, color bg del body sobre color bg de caja

C2am · #7 (**permalink**) 12/08/2011, 23:46

que te parece esta opción que no hace uso de la posicion absoluta:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<style type="text/css">
/* Estilo principal */
 
*{margin:0;
padding:0;
}
body { background-color:#194e09; }
 
#caja, #cabecera, #principal {
    margin:0 auto;
    width:960px;
    position: relative;
    background-color: #9F6;
    overflow:hidden;
}
 
#logo {
    width:148px;
    height:197px;
    border:1 solid #FFF;
    position:relative;
    background-color: #F96;
    float:left;
    
}
 
#banner {
    width:810px;
    height:147px;
    float:left;
    background-color: #FF0;
}
 
#menu {
    width:810px;
    height:50px;
    float:left;
    background-color: #93C;
}
 
#costado {
    width:21px;
    height:636px;
    float:left;
    background-color: #306;
}
 
#costado2 {
    width:121px;
    height:702px;
    float:right;
    background-color: #CCC;
}
 
 
#contenido {
        width: 688px;
        height: 636px;
        background-color:#cddcc8;
    }
 
#pie {
    width:838px;
    height:66px;
    background-color: #0FF;
}
 
 
</style>
</head>
 
 
 
<body>
    <div id="caja">
 
        <div id="cabecera">
                <div id="logo">
                imagen logo
                <img src="img\logo.gif">
                </div>
                
                <div id="banner">
                imagen banner
                <img src="img\banner.gif">
                </div>
                
                <div id="menu">
                Menu menu menu menu include'menu.php'; ?>
                </div>
        </div>
        
        
        
        <div id="principal">    
                <div id="costado">
                    costado costado costado
                    <img src="img\costado.gif">
                </div>
                
                <div id="costado2">
                    <img src="img\costado2.gif">
                </div>
                <div id="contenido">
                    php php include'index2.php'; 
                </div>
              
              
                <div id="pie">
                    pie pie
                    <img src="img\pie.gif">
                </div>
         
        </div>
        
        
 
    </div>
 
</body>
 
</html>