Como puedo poner una imagen de fondo, que se redimensione a cualquier resolucion?

[alexander_sp]

Hola a todos;
soy novato en HTML y trabajo con Dreamweaver;
y quiero saber como puedo poner una imagen completa ( es decir, no una imagen pequeñita que se repita, si no una imagen grande ) de fondo, pero que se pueda adaptar a los diferentes monitores o resuluciones de pantalla ????

y en medio pondre el contenido de la pagina, pero que por los lados y por arriba se pueda ver dicha imagen, pero que si la ven a una resolución grande se vea todoa la pantalla con la imagen, sin una parte en blanco. Por cierto actualmente a que resolución me aconsejais que haga la web ????

Saludos

[raxper]

Iniciado por alexander_sp

Hola a todos;
soy novato en HTML y trabajo con Dreamweaver;
y quiero saber como puedo poner una imagen completa ( es decir, no una imagen pequeñita que se repita, si no una imagen grande ) de fondo, pero que se pueda adaptar a los diferentes monitores o resuluciones de pantalla ????

y en medio pondre el contenido de la pagina, pero que por los lados y por arriba se pueda ver dicha imagen, pero que si la ven a una resolución grande se vea todoa la pantalla con la imagen, sin una parte en blanco. Por cierto actualmente a que resolución me aconsejais que haga la web ????

Saludos

Mira te doy una pista, trabaja con porcentaje o sea en ves de poner al a imagen width='600' pongues width=60%

[emprear]

@raxper
el width=podrias aplicarselo a una imagen, no a un fondo, en todo caso el width y height deberían definirse para el elemento, (un div,supongamos) al que se le aplica.
la alternativa sigue siendo, detectar la resolución con javascript y crear un css para cada una, con su correspondiente imagen.

@alexander_sp

Yo comenxaría de 1024 x 768 hacia arriba.

Tambien te comento que hay otra opción, pero lamentablemente internet Explorer todavía no la implementa, que es usar la propiedd css3 background-size, esa si, te redimensiona un fondo y lo ajusta
te dejo una demo en

http://foros.emprear.com/css/background-size/bgs.html

pero como todo tiene su "pero", cuida de que tu imagen sea proporcional a los elementos que la van a contener, si no, no se repetirá, pero se deformará

en el código fuente del ejemplo está lo necesario.

Saludos

[dargorg]

Yo he utilizado este http://johnpatrickgiven.com/jquery/background-resize/,

Puedes ver un ejemplo que he hecho en http://corepro.culturaweb.es (La imagen original es de 3000 y pico pixeles de ancho por casi 2000 de alto, por si acaso)

Un saludo,

[caricatos]

Hola:

No se pueden dimensionar imágenes de fondo. El truco archi-conocido es poner la imagen que se pretende usar de fondo como primer tag del body con los estilos position, left, top, width y haight de manera que ocupen toda la página (Como me fastidia que se echen laureles algunas librerías...)

Saludos

[kseso?]

Por lo general, siempre suele haber más de un "lenguaje", método, versión y forma. Y para todas y cada una habrá al menos una situación para la que no sirvan.
http://bit.ly/am4HMs
Dos formas con css 2 de adaptar imágenes al 100% del body sin distorsiones.

[alexander_sp]

ok, merci a todos..........lo probaré !!!!!
saludos