• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 466
  • Last Modified:

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

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
whatsupicon
Asked:
whatsupicon
  • 2
  • 2
1 Solution
 
GaryCommented:
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
 
whatsupiconAuthor Commented:
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
 
GaryCommented:
Remove

.extra {
    overflow: hidden;
}


styles.css line 32
0
 
whatsupiconAuthor Commented:
Thank you very much, Cathal - concise and informative answer.
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now