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!

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

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!