?
Solved

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

Posted on 2014-01-09
4
Medium Priority
?
456 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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 1420 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

Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

Question has a verified solution.

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

Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
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 …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

765 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