PDA

View Full Version : {solved} Footer stuck under left column



ewire
Mar 5th, 2010, 06:32 PM
Hi,

I am working on a kind of 3 column style layout that i have coded myself. The problem is i can't seem to get the footer to the bottom of the page and the page needs to be at least 1117px high for the background image to fully display.

here is a link to the html... http://3c.techfarm.co.uk (http://3c.techfarm.co.uk)
(i have removed most of the images and replaced with colours.)

the css is here... http://3c.techfarm.co.uk/css/global.css

the orange is the bg image. It is the same size as the original one that i have replaced with this one.

I simply want the footer to be under the two right hand columns however long they are, but i am stuck.

OK any help would be grand, cheers

~ewire

Azzaboi
Mar 5th, 2010, 07:45 PM
For the 'floats' you need to surround them in another 'div' or follow up the on the next 'div' with a 'clear' to prevent it continuing on.

Use on your footer to fix it:

clear:both;


Float Property Values:

left - No floating elements allowed on the left side
right - No floating elements allowed on the right side
both - No floating elements allowed on either the left or the right side
none - Default. Allows floating elements on both sides
inherit - Specifies that the value of the clear property should be inherited from the parent element

met
Mar 5th, 2010, 07:52 PM
actually just remove the height from #rc1, your class .end clears it already.

edit

its generally considered bad practice to specify heights for layout purposes like that, as it restricts content so much (not saying you should never specify a height, but for a content wrapper etc it's not adviseable - what happens if you ever have more than 1200px of content?

there are better options - it would be useful to see the images if possible for further advice

ewire
Mar 6th, 2010, 04:03 AM
Hi,

Thanks for you help yes clear is already in place but thanks azza.

Cheers met! that sounds promising, i will try it out and let you know. I can pm you a link to the site with image but i dont want to post links to it yet.


ok cheers
ew :thumbsup:


Well that did it thanks nice1, headache over! lc1 didn't have a height but its contents did and there were many heights across the other two columns which are now all gone. Thanks again for your diagnosis much apreciated!

ew~