homepage Welcome to WebmasterWorld Guest from 54.235.227.60
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, Moderator: open

CSS Forum

    
content central footer pushed aside by google maps
timmy01




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

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




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

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.

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