XsloviX
asked on
Layout Problems with Firefox
I know this could become involved, so I'm putting 500 points up right away.
I developed a site using an open-source template a few years ago. At the time, I used IE. The site works perfectly in IE. It sucks in Firefox. I have been able to fix almost all of the layout issues I've encountered, but cannot figure out why the last layer I include as a footer displays incorrectly in Firefox.
The address of the site is rji.alfred.edu
An example of the code (from index.asp) looks like this (I have checked the included files and found no issues with those, but could paste their contents as well if it would help):
***Start of Code***
<!--includes the head-->
<!--#include file="includes/head.inc"--
<div id="content">
<div id="column-left" style="width: 532px;">
<table border="0" id="table1" bgcolor="#CCCCFF" border-color="#111111" cellpadding="0" height="368">
<tr>
<td width="531" valign="top">
<table border="0" width="528" cellspacing="0" cellpadding="0" id="table5" bgcolor="#9BA4CA" height="20">
<tr>
<td height="20" width="528">
<p align="center" style="margin-top: 0; margin-bottom: 0">
<b><span style="font-style: italic; ">
<font face="Tahoma" size="2" color="#FFFFFF">About the
Rural Justice Institute at Alfred University...</font></span
</font></b>
</td>
</tr>
</table>
<h4 style="margin:0 0.1in; line-height:100%" align="justify">
</h4>
<h4 style="margin:0 0.1in; line-height:100%" align="justify">
<span style="font-weight: 400">
<font face="Tahoma" color="#333333" size="2">The Rural Justice Institute at
Alfred University is a collaborative enterprise consisting
of faculty and staff representing a variety of disciplines.
Members of the institute strive to collaborate with local
agencies and schools in order to increase the efficacy of
current services, develop new initiatives that will enhance
the lives of troubled youth and their families, and reduce
the incidence of juvenile delinquency in rural areas. </font></span></h4>
<h4 style="margin:0 0.1in; line-height:100%" align="justify">
</h4>
<h4 style="margin:0 0.1in; line-height:100%" align="justify">
<span style="font-weight: 400">
<font face="Tahoma" color="#333333" size="2">Our
website is designed to be a source of information
about current RJI programs and partnerships.
Use the dark blue bar above to navigate
our site. Click on "Prevention" to learn about
activities such as school-based initiatives; "Training" for
information about our family and domestic violence models;
"Partnerships" for a list of RJI partners and their
activities; "RDRDI" for information about the Rural Data and
Resource Development Initiative, including links to Allegany
County demographics, community profiles, and research
sources; "GIS" to visit our GIS Mapping Center with
downloadable pre-defined maps and guides to interactive
mapping viewers. Additionally, you can browse through
current and recent issues of our newsletter, the <i>Rural
Justice Review</i>, find out more information about our
staff and their current activities, and check out upcoming
events that RJI is hosting, sponsoring, or supporting. </font></span>
<font face="Tahoma" color="#333333" size="2">
<span style="font-weight: 400; ">
If you have any comments, questions, or concerns, please
<a href="mailto:younghl@alfre
email us</a></span><span style="font-weight: 400; font-style: italic">.</span></font></h
</td>
</tr>
</table>
</div>
<!-- end column-left -->
<!-- really end of dynamic content here -->
<!-- includes the right hand side column, which should be rather static -->
<!--#include file="includes/rightcolumn
</div>
<!-- end wrap -->
<!--includes the footer-->
<!--#include file="includes/footer.inc"
***End of Code***
I'm no web expert; I just try edit, configure, and manipulate what's there, so thanks for the help,
Dave
I developed a site using an open-source template a few years ago. At the time, I used IE. The site works perfectly in IE. It sucks in Firefox. I have been able to fix almost all of the layout issues I've encountered, but cannot figure out why the last layer I include as a footer displays incorrectly in Firefox.
The address of the site is rji.alfred.edu
An example of the code (from index.asp) looks like this (I have checked the included files and found no issues with those, but could paste their contents as well if it would help):
***Start of Code***
<!--includes the head-->
<!--#include file="includes/head.inc"--
<div id="content">
<div id="column-left" style="width: 532px;">
<table border="0" id="table1" bgcolor="#CCCCFF" border-color="#111111" cellpadding="0" height="368">
<tr>
<td width="531" valign="top">
<table border="0" width="528" cellspacing="0" cellpadding="0" id="table5" bgcolor="#9BA4CA" height="20">
<tr>
<td height="20" width="528">
<p align="center" style="margin-top: 0; margin-bottom: 0">
<b><span style="font-style: italic; ">
<font face="Tahoma" size="2" color="#FFFFFF">About the
Rural Justice Institute at Alfred University...</font></span
</font></b>
</td>
</tr>
</table>
<h4 style="margin:0 0.1in; line-height:100%" align="justify">
</h4>
<h4 style="margin:0 0.1in; line-height:100%" align="justify">
<span style="font-weight: 400">
<font face="Tahoma" color="#333333" size="2">The Rural Justice Institute at
Alfred University is a collaborative enterprise consisting
of faculty and staff representing a variety of disciplines.
Members of the institute strive to collaborate with local
agencies and schools in order to increase the efficacy of
current services, develop new initiatives that will enhance
the lives of troubled youth and their families, and reduce
the incidence of juvenile delinquency in rural areas. </font></span></h4>
<h4 style="margin:0 0.1in; line-height:100%" align="justify">
</h4>
<h4 style="margin:0 0.1in; line-height:100%" align="justify">
<span style="font-weight: 400">
<font face="Tahoma" color="#333333" size="2">Our
website is designed to be a source of information
about current RJI programs and partnerships.
Use the dark blue bar above to navigate
our site. Click on "Prevention" to learn about
activities such as school-based initiatives; "Training" for
information about our family and domestic violence models;
"Partnerships" for a list of RJI partners and their
activities; "RDRDI" for information about the Rural Data and
Resource Development Initiative, including links to Allegany
County demographics, community profiles, and research
sources; "GIS" to visit our GIS Mapping Center with
downloadable pre-defined maps and guides to interactive
mapping viewers. Additionally, you can browse through
current and recent issues of our newsletter, the <i>Rural
Justice Review</i>, find out more information about our
staff and their current activities, and check out upcoming
events that RJI is hosting, sponsoring, or supporting. </font></span>
<font face="Tahoma" color="#333333" size="2">
<span style="font-weight: 400; ">
If you have any comments, questions, or concerns, please
<a href="mailto:younghl@alfre
email us</a></span><span style="font-weight: 400; font-style: italic">.</span></font></h
</td>
</tr>
</table>
</div>
<!-- end column-left -->
<!-- really end of dynamic content here -->
<!-- includes the right hand side column, which should be rather static -->
<!--#include file="includes/rightcolumn
</div>
<!-- end wrap -->
<!--includes the footer-->
<!--#include file="includes/footer.inc"
***End of Code***
I'm no web expert; I just try edit, configure, and manipulate what's there, so thanks for the help,
Dave
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
That distorts the layout in both IE and FireFox...
I tried putting the </div> in right before the footer, which displays correctly in IE, but not FireFox. So... there aren't any </div> tags missing, but still doesn't display properly... I just want the F$#*ing footer to display after the rest of the content!
If it's too mucky to sift through, I'll just close the question and start over on the layout when I have a chance...
I tried putting the </div> in right before the footer, which displays correctly in IE, but not FireFox. So... there aren't any </div> tags missing, but still doesn't display properly... I just want the F$#*ing footer to display after the rest of the content!
If it's too mucky to sift through, I'll just close the question and start over on the layout when I have a chance...
ASKER
Actually, I figured it out (Really doesn't help that I used FrontPage at one point b/c it is sooo hard to sift through the garbage.) Anyway, I had to set the height for a few of the divs and I wasn't doing it with proper syntax. Since the W3C link is what led me to discovering that, davbouchard can have the points.
Well, the W3C validator still says you are missing an ending tag for your div, the one that starts on line 14.
I searched the source code and you have 16 opening tags and 15 closing tags.
I searched the source code and you have 16 opening tags and 15 closing tags.
ASKER
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>The Rural Justice Institute at Alfred University</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="Alfred University, Rural Justice Institute, Lea Powell Institute, domestic violence, allegany county, allegany, upstate new york, domestic violence in allegany county, rural justice, office of juvenile delinquency and prevention, office of justice, office of children and family services, rural, rural data and resource development initiative, new york GIS, alfred university GIS, community planning profiles.">
<meta name="description" content="The Rural Justice Institute at Alfred University is">
<link href="includes/layout.css"
</head>
<body>
<center>
<div id="wrap">
<div id="banner" style="width: 719px; height: 120px">
</div>
<ul id="nav">
<li id="nav-01" style="position: absolute; left: 1px; top: -1px">
<a href="Prevention.asp" title="Prevention">Prevent
<li id="nav-02" style="position: absolute; left: 145px; top: -1px"><a href="Trainings.asp" title="Trainings">
Training</a></li>
<li id="nav-03" style="position: absolute; left: 289px; top: -1px"><a href="Partnerships.asp" title="Partnerships">
Partnerships</a></li>
<li id="nav-04" style="position: absolute; left: 433px; top: -1px; width: 54px"><a href="Partnerships-RDRDI.a
RDRDI</a></li>
<li id="nav-05" style="position: absolute; left: 576px; top: -1px"><a href="GIS.asp" title="GIS">
GIS</a></li>
</ul>
<div id="date">
<table width="707px" height="20px" id="date">
<tr>
<td width="550px">
</td>
<td width="157px">
<center>
<b>
<% Response.Write(MonthName(D
</b>
</center>
</td>
</tr>
</table>
</div>
<div id="content">
<div id="column-left" style="width: 532px;">
<table border="0" id="table1" bgcolor="#CCCCFF" border-color="#111111" cellpadding="0" height="368">
<tr>
<td width="531" valign="top">
<table border="0" width="528" cellspacing="0" cellpadding="0" id="table5" bgcolor="#9BA4CA" height="20">
<tr>
<td height="20" width="528">
<p align="center" style="margin-top: 0; margin-bottom: 0">
<b><span style="font-style: italic; ">
<font face="Tahoma" size="2" color="#FFFFFF">About the
Rural Justice Institute at Alfred University...</font></span
</font></b>
</td>
</tr>
</table>
<h4 style="margin:0 0.1in; line-height:100%" align="justify">
</h4>
<h4 style="margin:0 0.1in; line-height:100%" align="justify">
<span style="font-weight: 400">
<font face="Tahoma" color="#333333" size="2">The Rural Justice Institute at
Alfred University is a collaborative enterprise consisting
of faculty and staff representing a variety of disciplines.
Members of the institute strive to collaborate with local
agencies and schools in order to increase the efficacy of
current services, develop new initiatives that will enhance
the lives of troubled youth and their families, and reduce
the incidence of juvenile delinquency in rural areas. </font></span></h4>
<h4 style="margin:0 0.1in; line-height:100%" align="justify">
</h4>
<h4 style="margin:0 0.1in; line-height:100%" align="justify">
<span style="font-weight: 400">
<font face="Tahoma" color="#333333" size="2">Our
website is designed to be a source of information
about current RJI programs and partnerships.
Use the dark blue bar above to navigate
our site. Click on "Prevention" to learn about
activities such as school-based initiatives; "Training" for
information about our family and domestic violence models;
"Partnerships" for a list of RJI partners and their
activities; "RDRDI" for information about the Rural Data and
Resource Development Initiative, including links to Allegany
County demographics, community profiles, and research
sources; "GIS" to visit our GIS Mapping Center with
downloadable pre-defined maps and guides to interactive
mapping viewers. Additionally, you can browse through
current and recent issues of our newsletter, the <i>Rural
Justice Review</i>, find out more information about our
staff and their current activities, and check out upcoming
events that RJI is hosting, sponsoring, or supporting. </font></span>
<font face="Tahoma" color="#333333" size="2">
<span style="font-weight: 400; ">
If you have any comments, questions, or concerns, please
<a href="mailto:younghl@alfre
email us</a></span><span style="font-weight: 400; font-style: italic">.</span></font></h
</td>
</tr>
</table>
</div>
<!-- end column-left -->
<!-- really end of dynamic content here -->
<div id="column-right" style="width: 185px; height: 300px">
<div align="center">
<table border="0" id="table1" bgcolor="#CCCCFF" width="185" height="300" bordercolor="#111111" cellpadding="0">
<tr>
<td>
<div align="center">
<table border="0" id="table3" bgcolor="#9BA4CA" width="100%">
<tr>
<td>
<div align="center">
<p align="center" style="margin-top: 0; margin-bottom: 1">
<b>
<font face="Tahoma" size="2" color="#FFFFFF">Online Resources:</font></b></div
</td>
</tr>
</table>
</div>
<p style="margin-top: 0; margin-bottom: 0" align="center"> </p>
<p style="margin-top: 0; margin-bottom: 0" align="center">
<font face="Tahoma" size="2"><b><a href="Publications.asp">
<font color="#333333">Publicatio
<p style="margin-top: 0; margin-bottom: 0" align="center">
<font color="#333333" face="Tahoma" size="2"><b>C</b>lick for access to research reports and our newsletter</font><br>
<p style="margin-top: 0; margin-bottom: 0" align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center">
<b><font face="Tahoma" size="2"><a href="Events.asp">
<font color="#333333">Upcoming Events</font></a></font></
<font color="#333333"><font face="Tahoma" size="2"><b>U</b>pcoming events for local and rural nonprofits</font>
<br>
<p style="margin-top: 0; margin-bottom: 0" align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center">
<b><font face="Tahoma" size="2"><a href="Staff.asp">
<font color="#333333">RJI Staff</font></a></font></b
<font color="#333333"><font face="Tahoma" size="2"><b>L</b>isting and background of current staff</font>
<br>
</font>
<div align="center">
<table border="0" id="table2" bgcolor="#9BA4CA">
<tr>
<td>
<div align="center">
<p style="margin-top: 0; margin-bottom: 0" align="center">
<b>
<font color="#333333" size="1" face="Tahoma">The Rural Justice Institute<br>
6 Sayles Street<br>
Alfred, New York 14802<br>
</font><a href="mailto:rji@alfred.ed
<font size="1" face="Tahoma" color="#333333">rji@alfred
607-871-2984 Tel</font></b><div align="center">
<hr>
</div>
<p style="margin-top: 3px; margin-bottom: 3px">
<font face="Tahoma" size="1">Supported by the </font>
</div>
<div align="center">
<p style="margin-top: 2px; margin-bottom: 4px">
<a target="_blank" href="http://ojjdp.ncjrs.org">
<font face="Tahoma" size="1">Office of Juvenile Justice
and Delinquency Prevention</font></a></div
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
<!-- end column-right -->
</div>
<!-- end wrap -->
<div id="footer">
<div>
<a href="Index.asp" title="Home">Home</a> .:.
<a href="Prevention.asp">Prev
<a href="Trainings.asp">Train
<a href="Partnerships-RDRDI.a
<a href="Partnerships.asp">Pa
<a href="GIS.asp">GIS</a>
<br>
<font face="Tahoma" color="#333333" size="1">
<span style="font-weight: 700">Best viewed with Internet Explorer or Netscape 4.7 or higher.</span>
</div>
</div>
<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=1248629;
var sc_invisible=1;
var sc_partition=11;
var sc_security="644d48a7";
</script>
<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script>
<noscript><a href="http://www.statcounter.com/" target="_blank">
<img src="http://c12.statcounter.com/counter.php?sc_project=1248629&java=0&security=644d48a7&invisible=1" alt="free web stats" border="0"></a> </noscript>
<!-- End of StatCounter Code -->
</body>
<!-- ULTIMATE DROP DOWN MENU Version 4.45 by Brothercake -->
<!-- http://www.udm4.com/ -->
</html>