Search...
FAQs
Subscribe
Pie
FAQs
Recent topics
Flagged topics
Hot topics
Best topics
Search...
Search within HTML Pages with CSS and JavaScript
Search Coderanch
Advance search
Google search
Register / Login
Post Reply
Bookmark Topic
Watch Topic
New Topic
programming forums
Java
Mobile
Certification
Databases
Caching
Books
Engineering
Micro Controllers
OS
Languages
Paradigms
IDEs
Build Tools
Frameworks
Application Servers
Open Source
This Site
Careers
Other
Pie Elite
all forums
this forum made possible by our volunteer staff, including ...
Marshals:
Campbell Ritchie
Jeanne Boyarsky
Ron McLeod
Paul Clapham
Liutauras Vilda
Sheriffs:
paul wheaton
Rob Spoor
Devaka Cooray
Saloon Keepers:
Stephan van Hulst
Tim Holloway
Carey Brown
Frits Walraven
Tim Moores
Bartenders:
Mikalai Zaikin
Forum:
HTML Pages with CSS and JavaScript
Problem in setting footer when content extends page length
Kshitiz Agarwal
Ranch Hand
Posts: 36
posted 11 years ago
Number of slices to send:
Optional 'thank-you' note:
Send
Hi,
I am having problems in setting footer at the bottom of page when its content goes beyond window's height. The footer tends to over lap the content. Here is the code:
<div class="container"> <div class="about"> // content over here </div> </div> <div class="footer"> <p align="center"> <font face="Helvetica" color="white" size="2">© 2012 WalknShine. All Rights Reserved </font> </p> </div>
The css is :
.about { position: absolute; left: 0%; top: 40px; width: 100%; padding: 5px; overflow: auto; padding-bottom: 30px; } .footer { position: relative; right: 0px; left: 0px; height: 30px; margin-top: -30px; min-width: 980px; background-color: black; } .container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; }
Please help me here...I am really stuck....
Did you see how Paul
cut 87% off of his electric heat bill with 82 watts of micro heaters
?
reply
reply
Bookmark Topic
Watch Topic
New Topic
Boost this thread!
Similar Threads
Overlapping columns in Firefox
Need help editing some css if possible (SOLVED)
CSS expanding div
Safari and IE issues.
CSS & DIV relative alignment
More...