"Ruchliwa" mapa google

Question

Witam, wpisałem na swoją stronę mapkę google, wszystko było dobrze do czasu, gdy nie zwiększyłem wysokości "body". Mapka zamiast być na samym dole strony, zmienia położenie przy przewijaniu strony w dół i w górę.

body {
	background-color: #ffffff;
	margin: 0;
	font-family: 'Amatic SC', cursive;
	height: 1400px;
}

#mapa{
	position: fixed;
	top: 725px;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

<div id="mapa">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7840.638306538206!2d15.946117737604544!3d54.250253113089265!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47003028bc1e082b%3A0x6163a02f1d9a70fb!2sSarbinowo!5e0!3m2!1spl!2spl!4v1469807176187" width="400" height="400" frameborder="0" style="border:0" allowfullscreen></iframe></div>

 

Answer 1

temat do zamknięcia, już naprawiłem :)

Comments

Klikając na kłódkę sam zamykasz temat  :)

Pozdrawiam.