Foros del Web » Creando para Internet » HTML »

Poner web encima de un fondo

Estas en el tema de Poner web encima de un fondo en el foro de HTML en Foros del Web. Hola mi problema es muy sencillo, quisiera que mi web se quedara de forma que tenga un fondo y encima de ese fondo este una ...
  #1 (permalink)  
Antiguo 23/05/2010, 13:40
 
Fecha de Ingreso: julio-2009
Mensajes: 19
Antigüedad: 8 años, 5 meses
Puntos: 0
Poner web encima de un fondo

Hola mi problema es muy sencillo, quisiera que mi web se quedara de forma que tenga un fondo y encima de ese fondo este una web (un rss) centrado y en la posicion que yo quiero. Me podrian decir un codigo o algo. Gracias
  #2 (permalink)  
Antiguo 23/05/2010, 16:35
 
Fecha de Ingreso: diciembre-2009
Mensajes: 612
Antigüedad: 8 años
Puntos: 16
Respuesta: Poner web encima de un fondo

Podrias hacer un div centrado del tamaño que quieras, como tu quieras y fuera de este poner el fondo, y dentro, el contenido
__________________
Tengo una pregunta que a veces me tortura... ¿El loco soy yo o los locos son los demás?
  #3 (permalink)  
Antiguo 24/05/2010, 09:51
Avatar de webmetrics  
Fecha de Ingreso: mayo-2010
Ubicación: Valencia
Mensajes: 56
Antigüedad: 7 años, 7 meses
Puntos: 4
Respuesta: Poner web encima de un fondo

Como bien dice millan2525, tendrias que crearte un div con su imagen de fondo.

A ese div "content" darle el ancho de la web y poner las propiedades margin-right y margin-left a "auto" para que se centre con cualquier pantalla.

Despues dentro de este div meter todo el contenido de la web. Así te quedará todo centrado con el tamaño que necesites.
  #4 (permalink)  
Antiguo 24/05/2010, 12:43
Avatar de nicosli  
Fecha de Ingreso: junio-2009
Ubicación: Cancún, Quintana Roo, Mexico
Mensajes: 72
Antigüedad: 8 años, 6 meses
Puntos: 5
Respuesta: Poner web encima de un fondo

Cita:
Iniciado por dimoca Ver Mensaje
Hola mi problema es muy sencillo, quisiera que mi web se quedara de forma que tenga un fondo y encima de ese fondo este una web (un rss) centrado y en la posicion que yo quiero. Me podrian decir un codigo o algo. Gracias

el html

Código:
<html>

<head>
  <link href='estilo.css' type='text/css' />
</head>

<body>

<div id="contenedor">
  ...aqui la pagina
</div>

</body>

</html>

el css
Código:
body{
  margin:0;
  padding:0;
  background: url(fondo.jpg);
}

#contenedor{
  width:900px;
  height:auto;
  margin:0 auto;
}
margin:0 auto; hace que se centre el div

Para poder acomodar el fondo de la pagina puedes jugar con las siguientes opciones:
'center' lo va a poner en el centro de la pagina
'bottom' lo va a acomodar siempre debajo de la pagina (dependiendo del alto)
'repet-x' lo repite en x
'repet-y' lo repite en y

por ejemplo:
Código:
body{
  margin:0;
  padding:0;
  background: url(fondo.jpg) center;
}
espero que hay sido claro.
  #5 (permalink)  
Antiguo 26/05/2010, 17:38
 
Fecha de Ingreso: abril-2010
Mensajes: 62
Antigüedad: 7 años, 7 meses
Puntos: 3
Respuesta: Poner web encima de un fondo

Cita:
Iniciado por nicosli Ver Mensaje
el html

Código:
<html>

<head>
  <link href='estilo.css' type='text/css' />
</head>

<body>

<div id="contenedor">
  ...aqui la pagina
</div>

</body>

</html>

el css
Código:
body{
  margin:0;
  padding:0;
  background: url(fondo.jpg);
}

#contenedor{
  width:900px;
  height:auto;
  margin:0 auto;
}
margin:0 auto; hace que se centre el div

Para poder acomodar el fondo de la pagina puedes jugar con las siguientes opciones:
'center' lo va a poner en el centro de la pagina
'bottom' lo va a acomodar siempre debajo de la pagina (dependiendo del alto)
'repet-x' lo repite en x
'repet-y' lo repite en y

por ejemplo:
Código:
body{
  margin:0;
  padding:0;
  background: url(fondo.jpg) center;
}
espero que hay sido claro.
Como dice @nicosli, creo que daria bienn..
  #6 (permalink)  
Antiguo 14/02/2012, 10:29
 
Fecha de Ingreso: julio-2009
Mensajes: 19
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: Poner web encima de un fondo

Graciaaas!
  #7 (permalink)  
Antiguo 15/02/2012, 09:05
 
Fecha de Ingreso: febrero-2012
Mensajes: 9
Antigüedad: 5 años, 10 meses
Puntos: 0
Respuesta: Poner web encima de un fondo

Por si te sirve como mejor del diseño (desconozco tu propósito), puedes user:

background-attachment:fixed;

para hacer que la imagen de fondo sea fija, y no se desplace al hacer scroll.

Etiquetas: encima, fondo, poner
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 18:18.