Solved

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

Posted on 2014-01-09
4
431 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

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

This article is meant to give a basic understanding of how to use R Sweave as a way to merge LaTeX and R code seamlessly into one presentable document.
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

747 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now