Foros del Web » Creando para Internet » CSS »

fijar una imagen a determinada distancia de la parte superior de la pantalla

Estas en el tema de fijar una imagen a determinada distancia de la parte superior de la pantalla en el foro de CSS en Foros del Web. Hola todos, alguien sabe como puedo hacer para poner en el body un fondo que se repita (es una trama lineal) pero debe empezar a ...
  #1 (permalink)  
Antiguo 04/09/2008, 11:31
 
Fecha de Ingreso: mayo-2008
Mensajes: 33
Antigüedad: 9 años, 7 meses
Puntos: 1
fijar una imagen a determinada distancia de la parte superior de la pantalla

Hola todos, alguien sabe como puedo hacer para poner en el body un fondo que se repita (es una trama lineal) pero debe empezar a verse a 200 px de distancia del borde superior de la página?
  #2 (permalink)  
Antiguo 04/09/2008, 12:37
Avatar de lucasan
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: Cali - Colombia
Mensajes: 1.144
Antigüedad: 10 años, 6 meses
Puntos: 59
Respuesta: fijar una imagen a determinada distancia de la parte superior de la pantal

Buena pregunta, esperemos la llegada de un experto, porque yo solo pude pero si se repite la imagen en un solo eje (x o y) pero no si se repite en ambos ejes.

Código:
body {
	background: url('fondo.jpg') repeat-x 0 200px;
}
Así queda la imagen posicionada a 200px de la parte superior pero solo se repite en el eje X, si se pone repeat se llena la página completa.

Saludos y esperemos a ver que dicen otros.
__________________
Plan Original Desarrollo Web
~$>sudo apt-get install -f
"Asi debería arreglarse todo en la vida"
  #3 (permalink)  
Antiguo 04/09/2008, 13:11
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: fijar una imagen a determinada distancia de la parte superior de la pantal

Creo, como Lucasan, que no vas a poder conseguirlo de esa forma.
Pero nada te impide posicionar un div con anchura 100% y altura 200px con el fondo que desees, sin bordes, a continuación colocas un div contenedor (wrapper lo llaman otros) de toda la página, con anchura 100% y el fondo que deseas y ahí alojas el contenido de tu página.
Espero te sirva hasta que algún maestro nos corrija.
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 04/09/2008, 14:25
 
Fecha de Ingreso: mayo-2008
Mensajes: 33
Antigüedad: 9 años, 7 meses
Puntos: 1
Respuesta: fijar una imagen a determinada distancia de la parte superior de la pantal

gracias, hice lo que sugiere Keseso pero el contenedor queda abajo de los 200px...
también intenté el contenedor dentro del div que tiene 100% de ancho y 200px de alto, pero en iexplorer no funciona...

Seguiré intentando, muchas gracias por sus ideas
  #5 (permalink)  
Antiguo 04/09/2008, 14:49
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: fijar una imagen a determinada distancia de la parte superior de la pantal

Cita:
Iniciado por mariadelro Ver Mensaje
gracias, hice lo que sugiere Keseso pero el contenedor queda abajo de los 200px...
también intenté el contenedor dentro del div que tiene 100% de ancho y 200px de alto, pero en iexplorer no funciona...
Claro, esa es la idea.
Supongo que los 200px superiores que quieres dejar en el body entre la parte superior de la ventana de navegación y el comienzo de la imagen repetida tendrán algún contenido (aunque solo sea un background de un color plano), porque lo que no puede ser es que queden vacías totalmente ( no solo de contenido, sino también de fondo).
Si te he entendido mal, pon exactamente lo que quieres lograr con esos 200px.
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:52.