Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/06/2012, 08:34
Avatar de memoadian
memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 15 años, 5 meses
Puntos: 641
Ancho header y footer

Saludos gente tengo un problema que no me habia aquejado antes , mi problema es que tengo algo más o menos así:

Código CSS:
Ver original
  1. <header></header>
  2. <section class="main"></section>
  3. <footer></footer>

con el siguiente css (excluyo codigo innecesario como colores y eso)
Código CSS:
Ver original
  1. header{
  2.     padding:20px;
  3. }
  4.  
  5. .main{
  6.     width:960px;
  7.     margin:0 auto;
  8. }
  9.  
  10. footer{
  11.     padding:20px;
  12. }

Como verán mi objetivo es que el header y el footer ocupen el 100% del ancho de la ventana y el main solo 960px

pero al redimensionar o ver el tamaño de mi web de modo que el main de 960px haga scroll, el footer y el header se cortan es decir ocupan el 100% de lo que se ve, pero si muevo el scroll horizontal ya se ven cortados, nunca me habia pasado, y no tengo idea de por que ahora pasa esto.

De antemano gracias por cualquier pista, de todos modos sigo investigando esto