Foros del Web » Creando para Internet » CSS »

Fondo para web

Estas en el tema de Fondo para web en el foro de CSS en Foros del Web. Hola, hay algun codigo para extender la imagen de fondo de mi web totalmente dependiedo de donde sea vista y que siempre se vea igual; ...
  #1 (permalink)  
Antiguo 10/04/2011, 20:11
 
Fecha de Ingreso: marzo-2011
Mensajes: 21
Antigüedad: 6 años, 4 meses
Puntos: 1
Fondo para web

Hola, hay algun codigo para extender la imagen de fondo de mi web totalmente dependiedo de donde sea vista y que siempre se vea igual; por que a veces que con la imagen centrada se ve mas grande y no entra bien en la pantalla y otras vences mas pequeña y que dan bordes en blancos al rededor.

Saludos y gracias.
  #2 (permalink)  
Antiguo 11/04/2011, 04:16
 
Fecha de Ingreso: marzo-2011
Mensajes: 119
Antigüedad: 6 años, 4 meses
Puntos: 9
Respuesta: Fondo para web

Hola , quiza necesites poner una hoja de reset para que elimine los estilos predeterminados de los navegadores
  #3 (permalink)  
Antiguo 11/04/2011, 09:13
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 1 mes
Puntos: 269
Respuesta: Fondo para web

también puedes hacer esto:
Código HTML:
Ver original
  1. <div id="contenedor_general">
  2. <img id="fondo" src="ruta/imagen.xxx" width="100%">
  3. <div id="contenedor"></div>
  4. </div>
  5. </body>
width="100% hará que el ancho de la imagen se adapte al ancho de la ventana del navegador

Código CSS:
Ver original
  1. #contenedor_general{position:relative;}
  2. #fondo{position:absolute; display:block; top:0; left:0; z-index:1; }
  3. #contenedor{position:relative; z-index:2;}
aquí hacemos que <img> este por detras de #contenedor

Y si, como bien te indican usa un reset, al menos el básico *{margin:0; padding:0;}
Espero te sea útil, un saludo.
  #4 (permalink)  
Antiguo 13/04/2011, 08:35
Avatar de sergio87  
Fecha de Ingreso: octubre-2007
Ubicación: Buenos Aires
Mensajes: 323
Antigüedad: 9 años, 8 meses
Puntos: 8
Respuesta: Fondo para web

proba con el atributo fixed, dejando la imagen fija y adaptando el resto del contenido sin depender del tamaño de la imagen.

suerte!
  #5 (permalink)  
Antiguo 18/07/2011, 20:15
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 1 mes
Puntos: 269
Respuesta: Fondo para web

Cita:
Iniciado por sergio87 Ver Mensaje
adaptando el resto del contenido sin depender del tamaño de la imagen.
wtf
  #6 (permalink)  
Antiguo 19/07/2011, 16:29
(Desactivado)
 
Fecha de Ingreso: julio-2009
Mensajes: 174
Antigüedad: 8 años
Puntos: 3
Respuesta: Fondo para web

la imagen widt 100% height 100% position fixed left 0 top 0
html, body {
border: 0 none;
height: 100%;
margin: 0;
padding: 0;
}

Etiquetas: fondo
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 06:28.