Autor Tema: Ayuda con 'Ajuste de página web' a pantalla de Celular o Google Chrome  (Leído 1094 veces)

Desconectado boutzero

  • PHPerit@
  • *
  • Mensajes: 6
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Hola Amigos PHPeros! Tengo una pregunta:

Estoy haciendo las cajas de un sitio web (solo Divs + CSS) y cuando lo visualizo en mi Celular Galaxy o en Google Chrome mi sitio no se "ajusta" al tamaño de la pantalla y me queda con un espacio blanco en la zona de abajo. ¿qué puedo hacer o agregar o borrar?

Les dejaré lo que llevo avanzado + una foto de demostración.

Saludos a todos! y que tengan un feliz año 2014!

------------------------------------------------

@charset "utf-8";
/* CSS Document */

body {
    font-family: "Arial","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
    margin: 0;
    padding: 0;
    min-width: 960px;
    line-height: normal;   
    font-weight: normal;   
    text-decoration: none;
    height: 100%;
    width: 100%;
}

#wrap {
   background-color: #CCC;
/*   height: auto;*/
/*   width: 100%;*/
   background-image: url(../_img/background.png);
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: center center;
}

/*#header-top {
   background-color: #030;
   height: 167px;
   width: 100%;
}*/
#header-centro {
   background-color: #060;
   height: 167px;
   width: 960px;
   clear: both;
   margin: 0 auto;
}
/*#menu-top {
   background-color: #033;
   height: 48px;
   width: 100%;
}*/
#menu-centro {
   background-color: #063;
   height: 48px;
   width: 960px;
   clear: both;
   margin: 0 auto;
}
/*#inter-top {
   background-color: #036;
   height: 369px;
   width: 100%;
}*/
#inter-centro {
   background-color: #066;
   height: 369px;
   width: 960px;
   clear: both;
   margin: 0 auto;
}
#linea-top {
   height: 6px;
   width: 100%;
   background-image: url(../_img/linea.png);
   background-repeat: repeat-x;
   background-position: center top;
}
#footer-top {
   background-color: #063;
   height: 80px;
   width: 100%;
   margin: 0 auto;
}
#linea-chica {
   background-image: url(../_img/linea2.png);
   background-repeat: repeat-x;
   background-position: center top;
   height: 1px;
   width: 100%;
   position: relative;
   top: 4px;
}
#footer-centro {
   background-color: #06C;
   height: 80px;
   width: 960px;
   clear: both;
   margin: 0 auto;
}

Imagen:

Comunidad PHPeros