Google Answers Logo
View Question
 
Q: CSS help: footers ( Answered 5 out of 5 stars,   0 Comments )
Question  
Subject: CSS help: footers
Category: Computers > Internet
Asked by: richardmtl-ga
List Price: $5.00
Posted: 17 Jul 2006 08:03 PDT
Expires: 16 Aug 2006 08:03 PDT
Question ID: 747035
Hi, 

Have a look at http://mexicometro.org/en/line3/indios_verdes/gmap.html

I want my green #footer to be at the bottom of the site. However, it
doesn't seem to see #station_nav; whatever I did, it completely
ignored the height of #station_nav (as can be seen by my experiment of
adding a bunch more <a> elements). I tried clearing, fixed position,
etc etc etc, but nothing seemed to work. #footer's position seems to
depend on #map (try increasing the bottom margin of #map, you'll see).
Can anyone help me get #footer to appear at the bottom of my site,
BELOW the last <a> in #station_nav, no matter how many <a>'s appear
there? Thanks!
Answer  
Subject: Re: CSS help: footers
Answered By: eiffel-ga on 17 Jul 2006 13:51 PDT
Rated:5 out of 5 stars
 
Hi richardmtl-ga,

The problem is that you have used absolute positioning for
div#station_nav. To make the footer drop below the right sidebar you
can make these changes:

1. In the style for div#station_nav, remove the line "position:absolute;"
2. In the style for div#station_nav, add the line "float:right;"
3. In the style for div#footer, add "clear:both;"
4. In the HTML file, move the whole of the "station_nav" division
(i.e. everything between the "<div id="station_nav">" tag and the
corresponding "</div" tag). Put it before the "content_nav" division
(because floated divs must appear before the content that fits in the
remaining space).

If you have any trouble getting the header to drop down after
following these instructions, please request clarification.

Regards,
eiffel-ga
richardmtl-ga rated this answer:5 out of 5 stars and gave an additional tip of: $1.00
Excellent! You got it! Thanks a lot, eiffel. Keep your eye out for
more CSS questions from me, if I come across other problems. And
thanks for this:

"(because floated divs must appear before the content that fits in the
remaining space)"

I hadn't seent his explained this clearly and succintly before, thanks!

Comments  
There are no comments at this time.

Important Disclaimer: Answers and comments provided on Google Answers are general information, and are not intended to substitute for informed professional medical, psychiatric, psychological, tax, legal, investment, accounting, or other professional advice. Google does not endorse, and expressly disclaims liability for any product, manufacturer, distributor, service or service provider mentioned or any opinion expressed in answers or comments. Please read carefully the Google Answers Terms of Service.

If you feel that you have found inappropriate content, please let us know by emailing us at answers-support@google.com with the question ID listed above. Thank you.
Search Google Answers for
Google Answers  


Google Home - Answers FAQ - Terms of Service - Privacy Policy