New Topic/Question
Reply
So, right now I'm just working on getting a functional template for an organizational database. For some reason, the template works with all of my content pages except the one with the Upload form. In both IE and Firefox, the "main_cont" div will never close, so the footer div never displays. It looks to me like I have all of my tags properly closed, but something's still going screwy!
I've pasted the page's entire code below, not because it's all relevant but because there's no telling where in here I made my mistake. Each browser will parse and display through the word "Test" at the bottom, but not "Test 2," so that might narrow down the error-hunt a little. Any ideas?
<html>
<head>
<title>RLOW Test Site</title>
<script type="text/javascript">
function menuDisplay(showmenu,mouse) {
var arr = document.getElementById(showmenu).getElementsByTagName('div');
if (mouse == 'on') {
for (i = 0; i < arr.length; i++) {
arr[i].style.display="block";
}
} else if (mouse == 'off') {
for (i = 0; i < arr.length; i++) {
arr[i].style.display="none";
}
}
}
function menuIndicator(submenu,mouse) {
if (mouse == 'on') {
document.getElementById(submenu).style.background="#ffffff url('../images/rlowweb_indic.bmp') no-repeat scroll 2% 50%";
} else if (mouse == 'off') {
document.getElementById(submenu).style.background="#ffffff";
}
}
function preloadImages() {
indicImage = new Image();
indicImage.src = "images/rlowweb_indic.bmp";
}
</script>
<style type="text/css">
/*
* Page & Body Styles
*/
html {
}
body {
background: #630016;
font-family: Arial,Helvetica,sans-serif;
}
/*
* Header Styles
*/
#header_cont {
height: 120px;
background: #ffffff;
padding: .2em;
}
#banner_cont {
font-size: xx-large;
color: #630016;
}
#univ_ref {
font-size: x-small;
color: gray;
margin: -.2em 0 .5em .2em;
}
a.univ_link {
color: gray;
text-decoration: none;
}
a.univ_link:visited {
color: gray;
text-decoration: none;
}
a.univ_link:active {
color: gray;
text-decoration: none;
}
a.univ_link:hover {
color: #630016;
text-decoration: none;
}
#menu_cont {
z-index: 1000;
margin-top: .2em;
background: #ffffff;
width: 100%;
}
.menu_button {
z-index: 1010;
position: relative;
float: left;
margin: 0 .2em 0 .2em;
padding: .2em;
cursor: pointer;
width: 160px;
text-align: center;
background: #630016;
color: #ffffff;
}
.submenu {
z-index: 1020;
display: none;
background: #ffffff;
border-left: 1px solid gray;
border-bottom: 1px solid gray;
cursor: hand;
padding: .2em;
padding-left: 2em;
text-align: left;
font-size: x-small;
color: #000000;
}
/*
* Content Styles
*/
#main_cont {
clear: left;
position: absolute;
top: 120px;
width: 100%;
border-top: .4em solid #630016;
background: #ffffff;
padding: .4em .2em .2em .2em;
}
/*
* Footer Styles
*/
#footer_cont {
border: 1px solid blue;
text-align: center;
font-size: xx-small;
}
</style>
</head>
<body onload="preloadImages()">
<div id="header_cont">
<div id="banner_cont">
Title
</div>
<div id="univ_ref">
A Project Funded by the <a class="univ_link" href="x">Link Removed</a> at <a class="univ_link" href="x">Link Removed</a>
</div>
<div id="menu_cont">
<div id="home_menu" class="menu_button" onclick="window.location.href='../index.php'">
Home
</div>
<div id="about_menu" class="menu_button" onmouseover="menuDisplay('about_menu','on')" onmouseout="menuDisplay('about_menu','off')">
About the Project
<div id="rlowinfo" class="submenu" onmouseover="menuIndicator('rlowinfo','on')" onmouseout="menuIndicator('rlowinfo','off')" onclick="window.location.href='../about.php?page=rlow'">RLOW Project</div>
<div id="ozarksinfo" class="submenu" onmouseover="menuIndicator('ozarksinfo','on')" onmouseout="menuIndicator('ozarksinfo','off')" onclick="window.location.href='../about.php?page=ozarks'">Ozarks Studies</div>
</div>
<div id="data_menu" class="menu_button" onmouseover="menuDisplay('data_menu','on')" onmouseout="menuDisplay('data_menu','off')">
Data
<div id="dataindex" class="submenu" onmouseover="menuIndicator('dataindex','on')" onmouseout="menuIndicator('dataindex','off')" onclick="window.location.href='../data.php'">Index</div>
<div id="datasearch" class="submenu" onmouseover="menuIndicator('datasearch','on')" onmouseout="menuIndicator('datasearch','off')" onclick="window.location.href='../search.php'">Search</div>
</div>
<div id="links_menu" class="menu_button" onmouseover="menuDisplay('links_menu','on')" onmouseout="menuDisplay('links_menu','off')">
Links
<div id="religlinks" class="submenu" onmouseover="menuIndicator('religlinks','on')" onmouseout="menuIndicator('religlinks','off')" onclick="window.location.href='../links.php?page=religion'">Ozarks Religion on the Web</div>
<div id="ozarkslinks" class="submenu" onmouseover="menuIndicator('ozarkslinks','on')" onmouseout="menuIndicator('ozarkslinks','off')" onclick="window.location.href='../links.php?page=ozarks'">Ozarks Studies</div>
<div id="contactlinks" class="submenu" onmouseover="menuIndicator('contactlinks','on')" onmouseout="menuIndicator('contactlinks','off')" onclick="window.location.href='../contact.php'">Contact Information</div>
</div>
</div>
</div>
<div id="main_cont">
<div style="border: 1px solid gray; margin: .2em; padding: .2em;">
Validate user: Log-in required.
</div>
<form id="data_upload" method="post" action="formprocessor.aspx">
<input type="hidden" name="DBTableName" value="data_index">
<input type="hidden" name="IgnoredFields" value="data_year">
<fieldset><legend>Meta Information:</legend>
Interviewer/Student:<br>
<input name="meta_interviewer" type="text" maxlength="50" size="50" value=""><br>
Semester:<br>
<select name="meta_semester">
<option value="fall2008">Fall 2008</option>
<option value="spring2009">Spring 2009</option>
</select><br>
</fieldset><br>
<fieldset><legend>Data Collected:</legend>
Interview Subject:<br>
<input name="data_interviewee" type="text" maxlength="50" size="50" value=""><br>
Year of Birth:<br>
<input name="data_year" type="text" maxlength="50" size="50" value=""><br>
City, County, State:<br>
<input name="data_location" type="text" maxlength="50" size="50" value=""><br>
Religious Affiliation:<br>
<input name="data_affiliation" type="text" maxlength="50" size="50" value=""><br>
</fieldset>
<br>
<fieldset><legend>File Information:</legend>
File 1:<br>
<input name="file_filename[]" type="file" size="50"><br>
Short Description or Caption:<br>
<input name="file_caption" type="text" maxlength="30" size="50"><br>
Content Type:<br>
<select name="file_contenttype">
<option value="transcript">Transcript</option>
<option value="summary">Summary</option>
<option value="audio">Audio</option>
<option value="image">Image</option>
<option value="video">Video</option>
<option value="other">Other</option>
</select><br>
</fieldset>
<input type="hidden" name="uploadsNeeded" value="1">
<input type="submit" value="Add Another File" onclick="document.getElementById('data_upload').action='index.php?uploads=2'"><br><br>
<input type="submit" value="Upload"></input>
<input type="button" value="Reset" onclick="window.location.href='index.php'"></input>
</form>
Test.
</div>
Test 2.
<div id="footer_cont">
Footer goes here.
</div>
</body>
</html>
MultiQuote
Any other ideas?
| 