Footer Problem in IE and Firefox. [Archive]

ketan7880

03-13-2008, 06:15 PM

Hi,

Pls look at this site www.tuflow.com (http://www.tuflow.com). I used CSS to create footer, but in some page the footer is displaying in wrong position.

i.e News Page and Animation Page

Pls look in IE as well Firefox.

I created two different CSS for IE and Firefox.

Pls check attachment for CSS.

let me know where I am wrong.

aj_nsc

03-13-2008, 07:18 PM

You're closing your wrapper div before you start your footer code. Just remove one of the </div> tags after  and place it at the end of your page and the footer at least looks in the right place.

You've got some other problems in your code like an HTML comment starting off an img tag, but these are simple things to fix.

In order to make your footer stretch the whole way across the bottom of your page, you could just stretch your footer img out to, I think it was 860px but it might have been 861 or 862...

Here's your old code (near the bottom of the page):

</div>
 </div>
</div>
<div id="siteInfo"><a class="a3" href="SiteMap.html">Site Map</a> | <a class="a3" href="Privacy%20Policy.html">Privacy Policy</a> | <a class="a3" href="mailto:tuflow@wbmpl.com.au">Contact Us</a> | ©2007 TUFLOW </div>
g src="Images/BMT_Logo.jpg" width="95" height="50" border="0"><a href="http://www.wbmpl.com.au/"><img src="Images/WBM_Logo.jpg" border="0" height="50" width="90"></a>
<img src="Images/Tuflow_footer.gif" height="45" width="750">
<p align="center"> </p>

Here's the fixed code:

</div>
 </div>

<div id="siteInfo"><a class="a3" href="SiteMap.html">Site Map</a> | <a class="a3" href="Privacy%20Policy.html">Privacy Policy</a> | <a class="a3" href="mailto:tuflow@wbmpl.com.au">Contact Us</a> | ©2007 TUFLOW </div>
<img src="Images/BMT_Logo.jpg" width="95" height="50" border="0"><a href="http://www.wbmpl.com.au/"><img src="Images/WBM_Logo.jpg" border="0" height="50" width="90"></a>
<img src="Images/Tuflow_footer.gif" height="45" width="860">
<p align="center"> </p>
</div>