Tema: Forma correcta de crear header 100% width
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 21/01/2012, 13:38
eriixt
 
Fecha de Ingreso: julio-2011
Ubicación: Argentina
Mensajes: 7
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: Forma correcta de crear header 100% width
Cita:
Iniciado por madhatterdef Ver Mensaje
esto???
Código: 
<html>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>  
<style>
body{
    margin: 0px;
    padding: 0px;
}
.cabezera{
    width: 100%;
    margin: 0 auto;
    height: 50px;
    background-color: #F00;
}
.contenedor{
    width: 980px;
    margin: 0 auto;
    height: 50px;
}
.div1{
    width: 490;
    margin: 0 auto;
    background-color: #0FF;
    height: 50px;
    float: left;
}
.div2{
    width: 490;
    margin: 0 auto;
    background-color: #0F0;
    height: 50px;
    float: right;
}
</style>
</head>
<body>
<div class="cabezera">
<div class="contenedor">
<div class="div1"></div> 
<div class="div2"></div>
</div> 
</div>
</body>  
</html>
sisi,, ese codigo esta bien... cuando lo ves con la ventana maximizada (completa) se ve bien... pero cuando achicas la ventana el background del contenedor se se corta! para que te des cuenta... dale un height de 60px y te vas a dar cuenta! ese error tengo! ¿entendes?