topic How do I fix a footer that is overlapping content? in HTML5, CSS, JavaScript, and JavaScript Frameworks

topic How do I fix a footer that is overlapping content? in HTML5, CSS, JavaScript, and JavaScript Frameworks https://community.esri.com/t5/html5-css-javascript-and-javascript-frameworks/how-do-i-fix-a-footer-that-is-overlapping-content/m-p/879962#M61 <HTML><HEAD></HEAD><BODY><P><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;">I am new to html/css and trying to get a basic footer to work/look properly in ArcGIS Hub. The appearance of the section, is working just fine. The problem is that it overlaps (or floats) over last of the page content. I think it is a problem with the class. Here's the code that's being used. Any help would be appreciated. I've tried to fix it to no avail.</SPAN></P><P></P><P><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><style></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;">.footer {</SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;">background-color: #83b9c6;</SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;">color: white;</SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;">}<SPAN> </SPAN></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"></style></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><div class="footer"></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><div class="col-xs-12"></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><p></p></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"></div><SPAN> </SPAN></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><div class="col-xs-12"></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><SPAN><img src="</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Ffiles.constantcontact.com%2Fc351f4f8001%2Fce31a50e-e01c-4055-b46a-6b59b476850f.png%3Fa%3D1129009614017" rel="nofollow" target="_blank">http://files.constantcontact.com/c351f4f8001/ce31a50e-e01c-4055-b46a-6b59b476850f.png?a=1129009614017</A><SPAN>" class="center-block logo" height="100"></SPAN></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"></div></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><div class="col-xs-12"></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><ul class="nav nav-pills" { list-style-type: none }></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><li role="presentation" style="list-style-type:none"><a href="#">Home</a></li></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><li role="presentation"><a href="#">About</a></li></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><li role="presentation"><a href="#">Catalog</a></li></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><li role="presentation"><a href="#">FAQ</a></li></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><li role="presentation"><a href="#">Contact Us</a></li></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"></ul></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"></p></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><div class="col-xs-12"></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><div class="text-center"><em>Copyright 2018. Upper Valley Lake Sunapee Regional Planning Commission.</em></div></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"></div></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"></div></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"></div></SPAN></P></BODY></HTML> Mon, 04 Jun 2018 12:28:21 GMT OliviaUyizeye 2018-06-04T12:28:21Z How do I fix a footer that is overlapping content? https://community.esri.com/t5/html5-css-javascript-and-javascript-frameworks/how-do-i-fix-a-footer-that-is-overlapping-content/m-p/879962#M61 <HTML><HEAD></HEAD><BODY><P><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;">I am new to html/css and trying to get a basic footer to work/look properly in ArcGIS Hub. The appearance of the section, is working just fine. The problem is that it overlaps (or floats) over last of the page content. I think it is a problem with the class. Here's the code that's being used. Any help would be appreciated. I've tried to fix it to no avail.</SPAN></P><P></P><P><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><style></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;">.footer {</SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;">background-color: #83b9c6;</SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;">color: white;</SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;">}<SPAN> </SPAN></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"></style></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><div class="footer"></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><div class="col-xs-12"></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><p></p></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"></div><SPAN> </SPAN></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><div class="col-xs-12"></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><SPAN><img src="</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Ffiles.constantcontact.com%2Fc351f4f8001%2Fce31a50e-e01c-4055-b46a-6b59b476850f.png%3Fa%3D1129009614017" rel="nofollow" target="_blank">http://files.constantcontact.com/c351f4f8001/ce31a50e-e01c-4055-b46a-6b59b476850f.png?a=1129009614017</A><SPAN>" class="center-block logo" height="100"></SPAN></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"></div></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><div class="col-xs-12"></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><ul class="nav nav-pills" { list-style-type: none }></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><li role="presentation" style="list-style-type:none"><a href="#">Home</a></li></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><li role="presentation"><a href="#">About</a></li></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><li role="presentation"><a href="#">Catalog</a></li></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><li role="presentation"><a href="#">FAQ</a></li></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><li role="presentation"><a href="#">Contact Us</a></li></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"></ul></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"></p></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><div class="col-xs-12"></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"><div class="text-center"><em>Copyright 2018. Upper Valley Lake Sunapee Regional Planning Commission.</em></div></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"></div></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"></div></SPAN><BR style="color: #333333; background-color: #ffffff; font-size: 13px;" /><SPAN style="color: #333333; background-color: #ffffff; font-size: 13px;"></div></SPAN></P></BODY></HTML> Mon, 04 Jun 2018 12:28:21 GMT https://community.esri.com/t5/html5-css-javascript-and-javascript-frameworks/how-do-i-fix-a-footer-that-is-overlapping-content/m-p/879962#M61 OliviaUyizeye 2018-06-04T12:28:21Z