Ver Mensaje Individual
  #29 (permalink)  
Antiguo 30/03/2010, 17:42
Pejigo
 
Fecha de Ingreso: febrero-2010
Mensajes: 49
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Centrar fondo

Rebuscando por el foro encontré una solución, pero como siempre es a medias.

http://www.forosdelweb.com/f53/como-centrar-css-319844/

ejemplo:
http://www.zevra.com/experimentos/centrovertical.html

Aquí ponen una solución que funciona excepto por el fondo del body, que no consigo centrarlo. El código lo adapté asi:

Código:
body {
	background-color: #000;
	background-image: url(images/fondo.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	margin:0px;
	padding:0px;
}
#linea {
	width: 100%;
	position: absolute;
	top: 50%;
	overflow: visible;
}
#container {
	background-image: url(images/fondohome.jpg);
	position: absolute;
	width: 1000px;
	height: 600px;
	top: -300px;
	left: 50%;
	margin-left: -500px;
}
Y funciona bien excepto por lo que dije anteriormente por el background del body.
Todo esto probado en chrome ie8 firefox, excepto en opera que si centro el background.