Welcome to WebmasterWorld Guest from 54.205.251.179

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)

5+ Year Member



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
4:27 pm on Apr 5, 2011 (gmt 0)

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



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.