YUI Pure Grids Mangle Google Maps Controls

Question

I am using YUI Pure re-sizable grids. One of the elements needs to house a Google map. The map renders fine, markers and such are no problem; the Google Maps controls, on the other hand, are mangled beyond recognition. The buttons for zooming in and out are not visible. Have any of you solved this problem? The HTML in question looks as follows:

<div class="pure-g-r">
  <div class="pure-u-2-5">
    Some content.....
  </div>
  <div class="pure-u-3-5">
    <div id="mapCanvas"></div>
  </div>
</div>

That was the problem; thanks much!! – Jereme Feb 03 '14 at 19:22 — Jereme, Feb 03 '14 at 19:22

score 0 · Answer 1 · answered Mar 11 '14 at 13:43

0

#mapCanvas img {max-width: none; min-width: none;}

answered Mar 11 '14 at 13:43

qweqwe

1

YUI Pure Grids Mangle Google Maps Controls

1 Answers1