Estoy haciendo una web de proyecto final de un curso online de HTML5, CSS3 y JavaScript, y me surge un problema a la hora de añadir un mapa de Google Maps.
Quiero decir, el mapa se ve correctamente y todo eso, pero la página entera se me desplaza un par de pixeles hacia la izquierda, como si perdiera un poco de margin-left... tengo el body y dentro de él un div id="contenedor" que contiene toda la web, así la puedo centrar en la pantalla, pues cuando cambio a la página que contiene el mapa noto el salto de como pierde ese par de pixeles y no sé como solventarlo.
El código proporcionado por Google Maps es este:
Código HTML :
<iframe width="750" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.es/maps/ms?t=m&msa=0&msid=217326592527134039094.0004e0b3462e028ac4bd9&dg=feature&ie=UTF8&ll=13.098142,-59.585102&spn=0.012059,0.021136&output=embed"></iframe><br /><small>Muestra <a target="_blank" href="https://www.google.es/maps/ms?t=m&msa=0&msid=217326592527134039094.0004e0b3462e028ac4bd9&dg=feature&ie=UTF8&ll=13.098142,-59.585102&spn=0.012059,0.021136&source=embed" style="color:#0000FF;text-align:left">Pasteleria Delicias</a> en un mapa más grande</small>
Si comento ese código la web deja de moverse esos píxeles...
Muchas gracias por la posible ayuda y por la lectura
¡Si necesitan más información o cualquier cosa no duden en pedirla!