The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

IE/FF Float issue

I have a multi-coloum layout that is giving me a bit of a problem. To best explain my issue you can see how the homepage and secondary pages at http://www.theliveyearbook.com/schools/.
un: demo
pw: demodemo

In IE the second column is pushing down because the first div wants to take up 100% of the space. Yes I can add a witdh value in pixels to take care of that but my secondary pages don't have that second column. FF is fine of course.

I think you will have to give a width to that left middle column because your float without width will expand to 100% when any element that it contains has "layout" ("haslayout" see faq). This means that any other content must start underneath because there is simply no room above.

If the content of that middle left column was layout free then the next float should slide up alongside. However any time you give a dimension (or float anything else then) effectively the parent is extended to 100% width.

If you don't want other pages to get this width then add a class in the body and style the content for that page only.

That footer looks a bit odd half way up the page with the full length columns going beyond the footer. You would be better either having the columns only gouing to the footer or make sure the footer is at the bottom.