5 Replies - 2243 Views - Last Post: 26 September 2008 - 08:11 AM

#1 Myrilith  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 12
  • Joined: 20-February 08

Div Not Closing?

Posted 25 September 2008 - 08:02 AM

Hey, all!

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>




Is This A Good Question/Topic? 0
  • +

Replies To: Div Not Closing?

#2 pr4y  Icon User is offline

  • Location: 127.0.0.1
  • member icon

Reputation: 35
  • View blog
  • Posts: 621
  • Joined: 19-September 08

Re: Div Not Closing?

Posted 25 September 2008 - 08:08 AM

Here you go:
(just a few too many div tags)
<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.

    
    Test 2.
    
    <div id="footer_cont">
        Footer goes here.
    </div>

</body>

</html>



Thank me if this helped you!

This post has been edited by pr4y: 25 September 2008 - 08:09 AM

Was This Post Helpful? 0
  • +
  • -

#3 Myrilith  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 12
  • Joined: 20-February 08

Re: Div Not Closing?

Posted 25 September 2008 - 08:32 AM

Removing that last div tag does make the footer div display, but the problem is... it's only displaying inside the "main_cont" div. Its width is determined by the width of the main_cont, the background color around it is the white of the main_cont, etc. I'm going to need it to be a separate div, on the same hierarchical level as the main_cont that contains the form, not as a child of that element.

If you remove the last closing div tag, then the footer is a child of the main_cont div. I'm trying to figure out why the main_cont div won't close. So... you did help, but not quite how I was hoping. :D Any other ideas?
Was This Post Helpful? 0
  • +
  • -

#4 pr4y  Icon User is offline

  • Location: 127.0.0.1
  • member icon

Reputation: 35
  • View blog
  • Posts: 621
  • Joined: 19-September 08

Re: Div Not Closing?

Posted 25 September 2008 - 11:54 AM

ah now I understand more thoroughly. I thought you were just having trouble getting the footer to appear, and when I loaded it up and removed that last DIV, the footer magically appeared. I figured it was just a silly mistake (i make thousands of those lol) and posted a quick response. I will take a peek in a minute and edit this post if I find anything useful!
Was This Post Helpful? 0
  • +
  • -

#5 didgy58  Icon User is offline

  • D.I.C Head

Reputation: 3
  • View blog
  • Posts: 246
  • Joined: 23-October 07

Re: Div Not Closing?

Posted 26 September 2008 - 12:51 AM

hi there i had a quick look and did this

<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 {

			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;

			 height:20px;
			 width:100%;
			 color:white;
		 }

	</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.


	Test 2.
</div>

	<div id="footer_cont">
		Footer goes here.
	</div>

</body>

</html>



i took out your absolute positioning on the main_cont as well as your clear left, and re added that closing div and have viewed under, ie and firefox and the footer now appears, fine in both ie and firefox, but again not sure how it would look with your other pages as havent seen them

let me know what you think
Was This Post Helpful? 0
  • +
  • -

#6 Myrilith  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 12
  • Joined: 20-February 08

Re: Div Not Closing?

Posted 26 September 2008 - 08:11 AM

It is showing up properly, Didgy, but the problem with your solution is that the fold-out menu at the top of the page no longer overlaps the main_cont div. It expands and pushes the content div further down the page when you hover over the menu. Without the absolute positioning, the page content jumps all over the place.

I think you are getting at the root of the problem, though. Because the main_cont div is absolutely positioned, it's being removed from the flow. The footer div is showing up, but it's showing up underneath the main_cont. If you play with z-indexes, you can see it.

So I guess the question is... is there a way to get the footer to show up at the bottom of the variable-length, absolutely-positioned main_cont div without the footer being its child?
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1