content central footer pushed aside by google maps

[timmy01]

hi,

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

.footer{
position:relative;
margin-left: auto;
margin-right: auto;
height:150px;
width:985px;
padding:0;
margin-bottom:0px;
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... :/

cheerz
tim

[rocknbil]

You mean something like this?

<content>
Some content | the map
</content>
<footer>

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

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.