I attempted to move the footer down using the provided code below, but it doesn't seem to be working. I even went ahead and removed all standard text from the CSS file to eliminate any potential issues. It should normally shift downward with
<div data-role="footer" data-position="fixed">
<h5>Test</h5>
</div>
Am I correct in thinking this?
Here is the full code of my index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link href="jquerymobile/jquery.mobile-1.4.5.min.css"rel="stylesheet" type="text/css"/>
<scrip src="js/jquery.js"type="text/javascript"></scrip>
<script src="jquerymobile/jquery.mobile-1.4.5.min.js"type="text/javascript"></script>
<title>Hello World</title>
</head>
<body>
<div data-role="page" id ="home">
<div data-role="header">
<h1>Your Resource App</h1>
</div>
<div data-role="footer" data-position="fixed">
<h5>Test</h5>
</div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
</script>
</body>
</html>