Карта Google портит мою страницу :)

Question

Я добавил карту Google на своей странице здесь: http://www.comehike.com/outdoors/trees/trees.php?tree=43

Но по какой-то причине я не могу понять две вещи правильно: 1) страница сместилась влево 2) И я не могу получить карту шириной страницы и заданной длины в пикселях - возможно ли это? Прямо сейчас у меня есть style = "width: 750px; height: 300px" для div map_canvas.

Спасибо, Alex

Answer 1

Относительно вашей страницы, «сдвигающейся влево», я заметил следующий стиль вверху страницы:

  body { height: 100%; width: 70%; margin: 0px; padding: 0px }

Вы уверены, что не хотите просто удалять спецификаторы высоты и ширины? Это поместит вашу страницу на 70% ширины окна браузера. Я не думаю, что это проблема Google Maps. Не уверен, что вы описали такое поведение.

Что касается ширины Google Maps, удалите "width: 750px;" из встроенного стиля на div # map_canvas. Элементы уровня блока, такие как div, автоматически охватывают всю ширину своего контейнера без какого-либо вмешательства со стороны стилей CSS. Вам нужно только указать ему высоту, иначе браузер отобразит div с высотой: 0px.