[vmicchia]

In IE and Chrome my page displays just fine. But for some reason in firefox the footer is off to the right. I've tried changing display type but that doesn't seem to work. The over all container doesn't have a fixed height or anything that I can think of to do that. I've attached the files. Thanks for any help.

Attached File(s)

•  new.zip (346.4K)
  Number of downloads: 26

[Kruithne]

I cannot make out a single thing on that web application. Could you please provide a better explanation of the problem.

1. Screen shots of the specified element misbehaving.

2. The HTML and CSS of only the element in question and any parents/children of that element.

[vmicchia]

HTML:

 <div id="Footer">           
                <jsp:include page="/style/footer.jsp"  flush="true" />
            </div>

<table cellspacing="0" cellpadding="0" border="0" width="1000" bgcolor="#666666" align="center">
<!-- top red border row -->
	<tr width="100%" bgcolor="FD360D">
		<td colspan="3"><img src="images/site/spacer.gif" width="1" height="5"></td>
	</tr>
    <tr>
		<td width="590">
<!-- nested left column table for footer text links -->
			<table cellspacing="0" cellpadding="0" border="0" width="100%" align="left">
			    <tr>
					<td align="left" class="white">&nbsp;&nbsp;&nbsp;<a href="index.jsp?path=home" class="white" link="home">Home</a> | <a href="index.jsp?path=myaccount&prev=home" class="white" link="my account">My Account</a> | <a href="index.jsp?path=privacy&prev=home" class="white" link="privacy policy">Privacy Policy</a> | <a href="index.jsp?path=terms&prev=home" class="white" link="terms of use">Terms of Use</a> | <!-- a href="index.jsp?path=returninfo&prev=home" class="white" link="return info">Returns</a  |<a href="index.jsp?path=shipinfo&prev=home" class="white" link="shipping info">Shipping Info</a> | --><a href="index.jsp?path=faq&prev=home" class="white" link="FAQ">FAQ</a> | <a href="index.jsp?path=contactus&prev=home" class="white" link="contact us">Contact Us</a></td>
				</tr>
			    <tr>
					<td align="left" class="white">&nbsp;&nbsp;&nbsp;<a href="index.jsp?path=webcast-center&prev=home" class="white" link="webcast center">Webcast Center</a> | <a href="index.jsp?path=locations&prev=home" class="white" link="branch locator">Branch Locator</a> | <a href="index.jsp?path=support&prev=home" class="white" link="technical support">Technical Support</a> | <a href="index.jsp?path=careers&prev=home" class="white" link="careers and employment info">Careers</a> | <a href="index.jsp?path=admin" class="white" link="site administration">Site Admin</a></td>
				</tr>
			</table>
<!-- end nested left column table for footer text links -->
		</td>
		<td width="140" valign="top" align="center"><img src="images/site/spacer.gif" width="1" height="10"><br><a href="http://twitter.com/this" target="_new"><img src="/images/frame/footer_twitter_button.jpg" border="0" alt="Follow Us On Twitter"></a></td>
		<td width="270" align="right"><img src="images/site/spacer.gif" height="5" width="1" border="0"><br>
<!-- nested right column table for footer text links -->
			<table cellspacing="0" cellpadding="0" border="0" width="100%" align="left">
			    <tr>
					<td><a href="index.jsp?path=home"><!-- img src="images/frame/footer-logo_NEW.gif" border="0" --></a></td>
					<td align="right" valign="top" class="white" nowrap><br>&copy;<%=eclSystem.getYear(eclSystem.getCurrentDate())%>This<img src="images/site/spacer.gif" height="10" width="10" border="0"></td>
				</tr>
			</table>
<!-- end nested right column table for footer text links -->

		</td>
	</tr>
<!-- bottom grey border row -->
	<tr width="100%">
		<td colspan="3"><img src="images/site/spacer.gif" width="1" height="20"></td>
	</tr>
</table>

CSS:

#Footer{
    width: 1004px;

}
a.white:link, a.white:visited, a.white:active, .white {
    font-family: Helvetica,Arial, Helvetica, sans-serif; 
    color: #CCCCCC; 
    text-decoration: none; 
    font-weight: normal; 
    font-size: 8pt;
    line-height: 12px;

}
a.white:hover {
    color: #EEEEEE; 
    text-decoration: underline; 
    font-weight: normal; 
    font-size: 8pt;
    line-height: 12px;
}

It seems to work just fine in other browsers just not in FF.

Attached image(s)

• 
• 

[Kruithne]

I will take a look when I get home tonight.

Just as an extra, do you have a site where this is live at that I could view? It would make debugging it much quicker. =)

[vmicchia]

Wish I did but the server has no ports open to the outside as of now.

[vmicchia]

I got this figured out. Not sure what the issue was but if I put anything in the same div as the footer is container in it moves over in the proper place. So I just added a 1 x 1 clear spacer in and it looks fine now.