CSS help: footers
Category: Computers > Internet
Asked by: richardmtl-ga
List Price: $5.00
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!
Re: CSS help: footers
Answered By: eiffel-ga on 17 Jul 2006 13:51 PDT
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
rated this answer:
and gave an additional tip of:
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!
|There are no comments at this time.|
If you feel that you have found inappropriate content, please let us know by emailing us at firstname.lastname@example.org with the question ID listed above. Thank you.
|Search Google Answers for|