Home/ Questions/Q 8006547
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T17:32:49+00:00

So we have two problems here, both of which can be seen in this

  • 0

So we have two problems here, both of which can be seen in this fiddle: http://jsfiddle.net/5hR9x/4/ if you click the “testing” link at the bottom.

First of all, the content div which contains the map canvas is just overflowing right over the header bar. I was under the impression absolute positioning worked relative to the parent element, which is the content div, yet the map canvas is going right past that.

Also, you’ll see that the map only appears in a small portion of the gray canvas, and refuses to expand…when dragged more into view, it resizes itself. Can anyone explain these problems?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Absolutely positioning an element positions it relative to the page, except when it’s parent is set to position: absolute or position: relative.

    The content div is overflowing above the header because map_canvas is set to position: absolute. You need to give the div wrapping it position: relative, then it will no longer block the header bar.

    That won’t fix the secondary problem with your map’s height though.

    • 0