Entrar

quiero que mi fondo ocupe toda la pantalla

volvoreta · · Solicitar retirada
Hola a todos: Soy nuevisima aquí y en este tema mas cateta que la mar, pero me he empeñado en hacer la web de mi empresa y así me tenga que dar chocazos contra el teclado, tengo que conseguirlo.
He seguido todo el curso paso a paso con tablas y Divs a parte de leerme 20 veces el resto de la web, (plas plas, unas palmitas para la niña).

De problemas tengo miles (supongo que como todos cuando empezasteis), pero el que me ocupa ahora es es siguiente:

He dibujado una imagen en el Fireworks, muy mona y muy sencillita, pero que tiene que ocupar toda la pantalla del navegador, o eso es lo que pretendo, ¿como hago para que lo ocupe todo, para todas las definiciones de pantalla? en estos momentos mide 1152px X 864px y no consigo que ocupe toda la pantlla. Me ayudais??
JorGens · · Solicitar retirada
No lo creo posible. La imagen de fondo no puede extenderse y/o reducirse al antojo de la ventana del navegador.

Si nos muestras la imagen de fondo y como quieres que te quede igual podemos encontrar alguna solución.. pero sin verla para ver lo que intentas no podemos decirte mucho.

Un saludo y bienvenida!
JorGens · · Solicitar retirada
Que problema tienes si la haces de 2000x2000 (por decir algo) y así nunca se queda pequeña? O es que los contenidos de la web han de ajustarse a algún detalle de esa imagen?
hq · · Solicitar retirada
Aunque lleva más trabajo, también puedes hacer una imagen que encaje lado a lado, es decir, que el final de la derecha sea igual al principio de la izquierda y el final de abajo igual al principio de arriba.
Así, puedes hacer que tu imagen se repita en los ejes "x" e "y" y ocuparía siempre todo el fondo.
Si, además, utilizas la propiedad "background-attachment: fixed" (si no recuerdo mal), pues el fondo nunca se movería.
volvoreta · · Solicitar retirada
Muchas gracias por la respuesta, pero yo quiero que la imagen quede tal y como está en la imagen 2 del mensaje, porque lo que va dentro queda muy bonito con la ondulación de arriba y el gris de abajo, (Toma esta encima de novata exigente).
Creeis que si le pongo un fondo blanco a la página y meto la imagen de fondo con la web, dentro de un cuadro, quedará muy hortera? se verá de muy de principiante?
Yaneth · · Solicitar retirada
puedes poner la imagen dentro de una tabla sin borde, para que no se vea, pero si la tabla es màs grande qeu la imagen, esta se va a repetir, y se mira muy mal, entonces ponle el anchi fijo tanto a la tabla como al fondo, todo es cuestion de practicar una y otra vez

saludos
JorGens · · Solicitar retirada
Bueno, realmente se veria feo un corte a los lados, de forma que cuando termina la imagen se ve de pronto todo blanco... pero quizás puedas.. como se dice.. ah, difuminar los lados para que ese corte brusco no se note tanto. Así, bastaria colocar esa imagen como fondo de un div o capa principal y poner un fondo blanco.

La verdad es que es todo cuestión de echarle imaginación, pero se pueden conseguir cosas interesantes o incluso evitar problemas de descuadres usando bien la imagen de fondo.

Fijaos por ejemplo en la imagen de fondo de la index de www.comocreartuweb.com

A que nadie se imaginaba que fuera así? je je je je.

http://www.comocreartuweb.com/comun/objetos/index-fondo-total.png

Pues eso me a ahorrado un montón de quebraderos de cabeza, ja ja ja. Original, no? :roll:
hq · · Solicitar retirada
De todas formas, ¿has probado a repetirla? porque me parece que no quedaría mal.

Sólo tienes que poner lo de "background-repeat: repeat" en el CSS.
animeandgames · · Solicitar retirada
body {
background-image: url("paper.gif");
background-color: #cccccc;
}

¿Puede este código funcionar bien?