Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 10 de 10

Tema: Ajustar imagen de fondo a resolucion de pantalla

  1. #1
    Recien Llegado! Merodeador
    Fecha de Ingreso
    31 ago, 09
    Mensajes
    6
    Poder de Reputación
    0

    Ajustar imagen de fondo a resolucion de pantalla

    Buenas, quería saber como puedo ajustar la imagen que tengo de fondo en mi web según el tamaño o resolución de la pantalla. La imagen la tengo puesta en el backgroud del body.
    Si necesitan el codigo avisenme.
    santafegol.com.ar

    GRACIAS

  2. #2
    Recien Llegado! Merodeador
    Fecha de Ingreso
    31 ago, 09
    Mensajes
    6
    Poder de Reputación
    0
    Me parece que la unica que me queda es poner la imagen en un div y ahi si manejar el tema del tamaño por css, estuve buscando pero no encontre forma de modificar la imagen del background. El problema es que si pongo la imagen en un div voy a tener que cambiar la forma en que ingreso a las 2 partes de la pagina, o no??? Las dos mitades de la pagina inicial son 2 etiquetas de enlace dentro de un div contenedor, la imagen de fondo la tengo en el body que contiene ese div. Ahora si pongo la imagen como fondo del div puedo lograr lo mismo?? GRACIAS

  3. #3
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,701
    Poder de Reputación
    64
    hola

    la imagen se puede repetir o no
    pero no se puede expandir
    ______________________________________

    reparacion de rines


    _____________________________________

  4. #4
    Recien Llegado! Merodeador
    Fecha de Ingreso
    31 ago, 09
    Mensajes
    6
    Poder de Reputación
    0
    Buenas, mientras sigo pensado como hacer que la imagen me ocupe todo el fondo me surgio otro problema. En el google chrome no se ven los div que permiten seleccionar una u otra parte de la web. Lo van a entender mejor si entran a la pagina en cualquier otro navegador (mozila, opera, ie7, ie y despues en el chrome. Estuve buscando en la web pero ninguna de las soluciones que encontre me sirvieron. GRACIAS

  5. #5
    Recien Llegado! Habitual
    Fecha de Ingreso
    14 sep, 09
    Ubicación
    coruña
    Mensajes
    11
    Poder de Reputación
    8

    problema parecido a este del fondo

    yo he logrado que me ocupe toda la pantalla solo estirando la imagen de fondo a 2000px por 1700 pero me gustaria saber si se puede hacer que ella sola se redimensione para poder poner cualquier imagen. muchisimas gracias por adelantado si que reis echarle un vistazo entrais a http://facilinux.260mb.com/ me gustaria tener otras opiniones de diseño a si que podeis criticar jeje gracias

  6. #6
    Esto empieza a ser un vicio... Habitante Avatar de gjulian
    Fecha de Ingreso
    29 ene, 09
    Ubicación
    Sevilla
    Mensajes
    555
    Poder de Reputación
    11
    Hola, yo he logrado colocar cualquier imagen del tamaño que sea como fondo y ademas que se vea igual en cualquier resolucion de pantalla. Pero eso me produce el problema de que se vea centrado el contenido de la pagina en otras resoluciones distinta a la mia.
    Aqui dejo los codigos y si alguien da con la solucion al mi problema, posteelo por favor:
    en css
    body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
    #background{position:absolute; width:100%; height:100%;}

    #caja{
    background-image:url(img/caja.png);
    position:absolute;
    overflow:auto;
    background-repeat:no-repeat;
    top:0; left:270px;
    width:800px;
    }

    y esto en html
    <body>

    <div>
    [img]img/playa.jpg[/img]
    </div>

    <center><div id="caja">

    Caja es una imagen donde en su interior va el contenido de la pagina.
    Lo mejor de caerse al tropezar, es volverse a levantar.

  7. #7
    Esto empieza a ser un vicio... Habitante Avatar de gjulian
    Fecha de Ingreso
    29 ene, 09
    Ubicación
    Sevilla
    Mensajes
    555
    Poder de Reputación
    11
    en css
    body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
    #background{position:absolute; width:100%; height:100%;}

    #caja{
    background-image:url(img/caja.png);
    position:absolute;
    overflow:auto;
    background-repeat:no-repeat;
    top:0; left:270px;
    width:800px;
    }

    SOLUCIONAO
    body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; }
    #background{ height:100%; width:100%; position:absolute;}

    #caja{
    background-image:url(img/caja.png);
    background-position: center center;
    position:relative;
    overflow:auto;
    background-repeat:no-repeat;
    width:800px;
    margin:10px;
    }
    La img del body es de 800x600 y usando 1280x800 como 1024x768 se ve a pantalla completa y la caja centrada en ambas resoluciones.
    Lo mejor de caerse al tropezar, es volverse a levantar.

  8. #8
    Esto empieza a ser un vicio... Habitante Avatar de victor5atodogas
    Fecha de Ingreso
    19 abr, 10
    Ubicación
    Zaragoza (España)
    Mensajes
    1,658
    Poder de Reputación
    15
    Para un background 100% ajustado, hay que fijarse en esta pagina:

    http://www.cssplay.co.uk/layouts/background.html

    Espero que os sirva tanto a los que ya lo habeis solucionado como a los que en futuras ocasiones lo necesites.

    Un saludo.
    Tienda de Productos de mascotas (perros, gatos, roedores, reptiles, pajaros, peces, tarjetas regalo, cestas...) a los mejores precios El Universo del perro Sigue a El Universo del Perro en Facebook

    Si quieres montar tu tienda con Prestashop y necesitas que te ayude puedes preguntarme, tambien ofrezco buenos precios para instalacion, configuracion, etc para tu nueva tienda.

  9. #9
    Esto empieza a ser un vicio... Habitante Avatar de ricky
    Fecha de Ingreso
    17 jul, 10
    Ubicación
    Pais: Colombia!!!
    Mensajes
    391
    Poder de Reputación
    8
    Acabas de revivir un post de casi 3 años, mira las fechas.

  10. #10
    Esto empieza a ser un vicio... Habitante Avatar de victor5atodogas
    Fecha de Ingreso
    19 abr, 10
    Ubicación
    Zaragoza (España)
    Mensajes
    1,658
    Poder de Reputación
    15
    Joder, es verdad, no me habia dado cuenta.
    Tienda de Productos de mascotas (perros, gatos, roedores, reptiles, pajaros, peces, tarjetas regalo, cestas...) a los mejores precios El Universo del perro Sigue a El Universo del Perro en Facebook

    Si quieres montar tu tienda con Prestashop y necesitas que te ayude puedes preguntarme, tambien ofrezco buenos precios para instalacion, configuracion, etc para tu nueva tienda.

Temas Similares

  1. ¿como hacer img fondo para cualquier resolucion pantalla?
    Por gjulian en el foro Todo sobre Estilos CSS
    Respuestas: 1
    Último Mensaje: 17/11/2009, 16:58
  2. ajustar tamaño de imagen al fondo
    Por jesus33 en el foro Foro General
    Respuestas: 5
    Último Mensaje: 26/11/2006, 02:35

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •