Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

content central footer pushed aside by google maps

10:38 am on Apr 5, 2011 (gmt 0)

New User

5+ Year Member

joined:Feb 13, 2009
posts: 20
votes: 0


i have a footer on a page placed in <divs>
with css:

margin-left: auto;
margin-right: auto;
background: #F0F5FF;
border-left:1px solid #8E8E8E;
border-right:1px solid #8E8E8E;
border-bottom:1px solid #8E8E8E;

on 1 page i have google maps, where a user can click a button in order to load the google map.

but he does, it pushes all my content in the footer to the right.

I use google static maps.

Anyone can help?
Iam stuck... :/

4:27 pm on Apr 5, 2011 (gmt 0)

Senior Member

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Nov 28, 2004
votes: 0

You mean something like this?

Some content | the map

Try adding a clearing div just above the footer.
Some content | the map
<div style="clear:both"></div>

However seeing position:relative leads me to think you're using absolute positioning somewhere, if this is the case it can be tricky with gmaps sometimes. Might want to post a pared-down version of your HTML.

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members