Ajustar background a resolución

sebas2502 · #1 (**permalink**) 01/08/2015, 10:43

Buenos Días a todos acá.

Estaba haciendo una pág. web pero me encontré con que empecé en 1 pc y luego cambié y cuando me dí cuenta la resolución de la pantalla cambiaba y toda mi barra de menú se desplazaba.

Lo que quiero es que en la resolución de 100% de mi computador grande también se ajuste por decir a la resolución de 67% en mi portatil, que siempre se ajuste a diferentes resoluciones y no quede el background con imagen de menú a un lado y el menú en otro. (si es que se puede.)

mi código de background lo tengo así:

<body background="background1.jpg" bgcolor="black" text="white"><img src="logok12.png">

y ahí abajo mismo empieza la tabla del menú...

Agradezco cualquier ayuda

xfxstudios · #2 (**permalink**) 01/08/2015, 12:26

Código CSS:

Ver originalhtml,body{
  heigth:100%;
}
body{
    background-image:......;
    background-repeat:no-repeat;
    background-size:cover;
}

algo si te deja la imagen de fondo al 100% de la pagina, la ajusta a la resolucion, ahora el resto de los elementos habria que ver el codigo copleto a ver

pzin · #3 (**permalink**) 01/08/2015, 13:54

Bienvenido al foro.

Debería de mirarte algún manual de HTML5 y darte cuenta de que estás usando atributos que ya no se deben de usar.

lauser · #4 (**permalink**) 02/08/2015, 01:43

Con Media Querie en el CSS es tan simple como:

Código CSS:

Ver originalbackground-size:width height;

La anchura y la altura se colocan auto, conservando las dimensiones de la imagen original.