Imagen background cortada

Anitin · #1 (**permalink**) 23/05/2013, 18:42

Hola muchas gracias desde ya.

Mi pregunta es la siguiente, es muy extraño o a mi al menos me lo parece.

Quiero poner una imagen en el fondo de un html muy básico:

<html>
<head>
</head>
<body background="C:\Users\alumno\Desktop\ta11.gif">
</body>
</html>

Sin embargo solo sale un cuarto de la imagen. No se puede bajar "scroll" para ver la imagen completa. Sin embargo si en lugar de ponerla de fondo la pongo como imagen normal si sale bien:

<html>
<head>
</head>
<body>
<img src0"C:\Users\alumno\Desktop\ta11.gif"></img>
</body>
</html>

QUE PUEDE SER LO QUE OCURRE?
Esta volviendome loca, he probado cambiando el tamaño y el peso de la imagen y nada.

Otra pregunta, aprovechando el post es la siguiente. Hay forma de pasar un formulario pdf a html conservando los forms?
He podido con algunos programas mas o menos conservar la estructura pero no se puede meter datos como en un formulario ni nada.

DESDE YA MUCHAS GRACIAS,
SALUDO CORDIAL
ANA

pitufoweb · #2 (**permalink**) 23/05/2013, 20:26

Hola,

Podrías probar con este código CSS: html, body {height:100%;}

Por que no usas CSS para poner la imagen de fondo?

Saludos

Anitin · #3 (**permalink**) 24/05/2013, 01:42

Hola! Muchas gracias por tu respuesta desde ya.

Lo he probado desde css de distintas maneras, también como tu me dijiste.

Nada, solo una parte de la imagen y no se puede mover, scroll.

Nunca me había pasado algo asi...

He probado con otra imagen y lo mismo. Son grandes, no se que sea..

pupefo · #4 (**permalink**) 24/05/2013, 03:29

Hola Anitin!!

Prueba esto a ver que tal:

Código:

<body style="background-image: url(rutaImagen); background-repeat: no-repeat;">

Un Saludo!!

Rafael · #5 (**permalink**) 24/05/2013, 09:03

Hola Ana. En lo que pruebas las opciones te explico.

La primera opción <body background> es una manera viejita... obsoleta en realidad de poner una imagen de fondo.
Ahora se debe poner con una hoja de estilo (style) como ya te comentaron, pero el punto conceptual es que es una imagen de fondo. Una imagen de fondo está ahí... de fondo.

Si sacas una foto de un familiar, con una montaña de fondo no vas a buscar que salga la montaña completa, no se puede porque es un fondo. Si no está tu familiar, probablemente ni la foto sacas. No va a salir nunca una barra de scroll.

Cuando pones tu <img src="imagen.jpg"> eso si es un objeto, no importa si tiene una pulga o es una foto vacía. El navegador tratará de ponerle barras de scroll.

Las opciones que te estan dando dicen:
- Tú saca la foto del fondo.
- Pero no hay nadie ahí parado
- No importa tu deja el espacio ahí.

taichin_fly · #6 (**permalink**) 04/07/2013, 16:10

sucede que tu imagen tiene un tamaño nativo en pixeles....

al establecerlo como fondo html no lo ajusta al tamaño del body...

si tu deseas hacer esto tienes 2 opciones...

una es definiendo el width y height de la imagen pero esto funciona si insertas la imagen dentro del sitio con un <img scr> desconozco si funciona dentro del body...

y hacerlo como lo intentas esta en desuso... la otra forma y la correcta es como te comentan aqui usando CSS... y si deseas que la imagen se ajuste a su contenedor (div, body, etc.)

debes hacerlo como te han indicado aqui pero ademas agregando
background-size:cover;

ejemplo:

<body style="background-image: url(rutaImagen); background-repeat: no-repeat; background-size:cover;">

ojo... este metodo puede dar un efecto de alargamiento o ensanchamiento a la foto... debes cuidar estos aspectos...

salu2