Stopping the Footer appearing half way up the page

As mentioned in my previous post, which shows a screenshot of the problem, I needed to stop the footer of my site from appearing half way up the page on some of the pages, when viewed in IE6 and IE7.

After a LOT of Googling and Tinkering, I used this advice, which fixed the problem in IE6 but not IE7:

http://drupal.org/node/482420?mode=2&sort=2

After EVEN MORE tinkering, I eventually fixed the problem by adding the following line of code (to around line 226 in my case) to page.tpl.php:

<br clear="all" />

Here's some info on what that code does.

Phew - I am so relived!


----

Incidentally, this is the first time I've tried pasting a code example in a Blogger post (shown above). It should have occurred to me that this is not as easy as it looks as, rather than just displaying the code, Blogger actually attempts to follow the code (hence on my first attempt the code above just vanished).

If you ever need to display code in a Blogger post (or Wordpress, I'd imagine), here's how it's done

Long explanation:
http://www.bloggerbuster.com/2007/11/how-to-display-code-properly-in-your.html

Quick way (paste your desired code into this page and use the resulting 'parsed' code in Blogger instead):

http://www.blogcrowds.com/resources/parse_html.php

Internet Explorer testing

I've completed Phase 1 of the website and it's nearly there. I've uploaded a password protected version of the site for people at the school to look at and am now tweaking a few things.

The major problem I have is that the footer appears in the wrong place when viewed in Internet Explorer (see screengrab). Someone else spotted this problem and as I'm using a Mac to create the website, it's difficult for me to replicate (which I need to do to check that I've fixed it). I'm running Windows on the Mac using VMWare, but have IE8 installed and have discovered it's pretty complicated (thanks, Microsoft) to have more than one version of Internet Explorer installed on one machine - it would be nice to have IE6 and IE7 on there as those cover the majority of web use.



This link on multiple versions of Internet Explorer is worth a read if you're having the same problem, but unfortunately is a tad out of date now and links to some things that are also out of date:

http://www.communitymx.com/content/article.cfm?cid=8897D

This website offers one solution, in the form of a screengrab of your website in different versions of IE, but this requires uploading the site and therefore doesn't let you test it quickly while you're developing. It also only shows the screengrab of the top of the page.

http://ipinfo.info/netrenderer/

I shall update this if I find a decent solution..


-----

UPDATE!

A friend directed me to a bit of software called Spoon, which requires a download and lets you try the site out in a variety of browsers. Interesting to read on this site that it sounds like Spoon is best installed with Firefox rather than IE8:

http://jamesowers.co.uk/software/420/testing-your-site-in-different-browsers/