¿Usando google maps como fondo?

Bueno, he intentado implementar Google Maps como fondo de mi sitio web. Pero cuando trato de poner texto sobre él usando este código:

.content{ z-index:0; background-color:fffff; position: absolute; top: 0; left: 0; width: 900; height: auto; margin-right: auto; margin-left: auto; } 

Y eso me está dando un error con el mapa que se muestra en la parte superior del mapa, que es lo que quiero pero no funciona con los márgenes por alguna razón. Todo mi código está aquí: http://pastebin.com/uz6wwtYZ

¿Puede alguien ayudarme porque quiero que el contenido en el centro de la página web y el mapa actúen como fondo?

Gracias.

Intente ajustar la parte superior e izquierda en lugar del margen cuando un elemento se establece en una posición absoluta:

 .content{ z-index: 100; background-color:fffff; position: absolute; top: 100px; left: 100px; width: 900; height: auto; margin-right: auto; margin-left: auto; } 

¿Espero que ayude? También es posible que desee establecer un valor de índice z más alto como lo he hecho anteriormente.

Si desea que esté centrado horizontalmente con valores de márgenes automáticos pero también posicionado de forma absoluta, no creo que pueda hacerlo.

Puedes intentar esto en cambio, dándole a tu contenido un ancho absoluto y compensando la propiedad izquierda:

  .content{ width: 500px; z-index: 100; background-color:fffff; position: absolute; top: 100px; left: 50%; height: auto; margin: auto; margin-left: -250px; /* half the value of the width */ } 

Aquí hay un enlace a un JS Fiddle que usa su código: http://jsfiddle.net/4FLKt/1/ Parece que funciona bien.

Mikey.

¿Intentaste poner el contenido encima del mapa?

 #map { z-index:1; } .content{ z-index:100; } 

Esto se debe a su position: absolute; uso position: absolute; y eso no funciona junto con el margin:auto; .

Coloca un div a su alrededor con un ancho completo sobre los mapas de Google y haz que sea absoluto … luego en ese div puedes centrar otro div.

Ejemplo

 
//This div has position:absolute; and the width of the Google maps chart.
//This div has margin:0 auto; Content here