Solved

HTML page footer disappears when browser zoom is more than 100%

Posted on 2014-01-09
4
438 Views
Last Modified: 2014-01-09
http://www.gfprinfo.com/index.html

The above linked page is javascript animated with CSS. Unfortunately, I've broken something on the page and don't know where to look to troubleshoot the following issue.

Issue -
Initially, the page header, content, and footer sections displayed properly no matter the browser zoom setting. Upon making multiple edits, I note that the header and content are scrollable but the page footer no longer displays at all when browser zoom exceeds 100%.

Can you point me in the right direction to troubleshoot why the footer no longer displays when browser zoom exceeds 100%?  I suspect a CSS property like If class = "something" but I really am way outside of my comfort zone here.

BTW, I'm a long time EE reader but this is my first EE question.
0
Comment
Question by:whatsupicon
  • 2
  • 2
4 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39768693
Remove the F you have in there just after the BODY tag and then move all those css/js includes, meta tags and title tag into the head tag - they shouldn't be in the body tag.
0
 

Author Comment

by:whatsupicon
ID: 39769427
I appreciate your response and thank you for the good information, Cathal.

I've done what you suggest and still the footer is not visible when browser zoom exceeds 100%. Do you have further recommendations?

Further research of the issue led me to something Dreamweaver identifies as a browser compatibility issue referred to as Unscrollable Content Bug. View solutions to the Unscrollable Content Bug on Adobe.com

Upon reading the information at the Adobe link, I'm unsure if this is the culprit. What do you think?

I'm ready to award points but really need to see that page footer when browser zoom exceeds 100%. Thanks, in advance, for your continued attention, Cathal.
0
 
LVL 58

Accepted Solution

by:
Gary earned 355 total points
ID: 39769474
Remove

.extra {
    overflow: hidden;
}


styles.css line 32
0
 

Author Closing Comment

by:whatsupicon
ID: 39769529
Thank you very much, Cathal - concise and informative answer.
0

Featured Post

Webinar: Aligning, Automating, Winning

Join Dan Russo, Senior Manager of Operations Intelligence, for an in-depth discussion on how Dealertrack, leading provider of integrated digital solutions for the automotive industry, transformed their DevOps processes to increase collaboration and move with greater velocity.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

830 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question