Comunidad PHPeros

PHPeros - Tu Comunidad de PHP => Preguntas, Ideas y Reclamaciones. => Mensaje iniciado por: boutzero en 07 de Enero de 2014, 22:08:23 pm

Título: Ayuda con 'Ajuste de página web' a pantalla de Celular o Google Chrome
Publicado por: boutzero en 07 de Enero de 2014, 22:08:23 pm

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:
(http://imagizer.imageshack.us/v2/150x100q90/706/3ly3.jpg) (https://imageshack.com/i/jm3ly3j)