homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

content central footer pushed aside by google maps

5+ Year Member

Msg#: 4292340 posted 10:38 am on Apr 5, 2011 (gmt 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... :/




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

Msg#: 4292340 posted 4:27 pm on Apr 5, 2011 (gmt 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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved