Need to adjust CSS: IE is fine, Firefox is not quiet fine :P

Hi,

I was just working on a site: http://www.downloadsupersite.com/projectequity.org/
and there is a problem with the footer: a white line appears in the footer, this does not happen in IE!

I have attached an image to show the problem:



Thanks for any help!

Regards,
Paul

 

You have tables nested within tables nested within tables nested within tables nested within a CSS styled DIV. In short, your code is a mess. You would be lucky to find someone willing to sort it out for you. My recommendation would be to start the page again from scratch. Simplify your coding and check your page in every browser you want it to work for while you build the page -- you want to know which part made trouble for any of the browsers.

 

I actually use SSI (server side includes) for the site and each part of the page is a different SHTML file, my footer. here's the code for just the footer:

	<tr style="height: 64px">
		<td style="background-image: url(i/f_bg.gif);">
	<div id=foot>
	
			<table style="width: 100%;" cellpadding=0 cellspacing=0>
			<tr>
				<td><img alt="Project Equity" src="i/f_l.gif" width="4" height="64" style="border: 0;"></td>
				<td style="width: 100%;">
					<table border=0 style="width: 100%;" cellpadding=0 cellspacing=0>
					<tr>

						<td style="width:60%;padding-right:10px; text-align:right;">
							
							<table style="text-align:right" border=0 cellpadding=0 cellspacing=0>
							<tr>
								<td style="width: 20%; text-align:left">
								<a href="http://validator.w3.org/check?uri=referer"><img src="i/old-validhtml.png" width="80" height="15" alt="Valid HTML 4.01 Strict - By Paul Potnuru"></a>
								<a href="http://blog.downloadsupersite.com">
								<img src="i/paul-potnuru.png" width="80" height="15" alt="site design by Paul Potnuru"></a></td>
								<td style="width: 40%; text-align: center;">2006 (c) ProjectEquity.org</td>

								<td><a href="index.shtml">Home</a></td>
								<td class="footerslash">|</td>
								<td><a href="About_Us.shtml">About</a> </td>
								<td class="footerslash">|</td>
								<td><a href="Contact_Us.shtml">Contact</a></td>
								<td class="footerslash">|</td>

								<td><a href="Sitemap.shtml">Sitemap</a></td>
								<td class="footerslash">|</td>
								<td><a href="Projects.shtml">Projects</a></td>
							</tr>
							
							</table>
							</td>
					</tr>

					</table>
					</td>
				<td><img alt="Project Equity" src="i/f_r.gif" width="4" height="64" style="border: 0;"></td>
			</tr>
			</table>
			</div>
			</td>
		</tr>

Code (markup):

I think that this is a problem in my CSS though...

 

I don't see that line anymore. Whatever you did, you seem to have fixed it.

 

yes...i fixed it...by accident i think. I dont know what i did but it got fixed