Div float right 100% height issue

Hi all,

I have a div which is floating to the right. I have given it a background color and need the background of the div to go all the way down to the footer (100%) ... even if the page grows in height. I canot get to to work in %  .I can only get it to work setting a fixed height.

I've already set the parent (body and container to 100% height) , but it still does not work.

Any ideas of tricks to make this happen please?


Who is Participating?
myderrickConnect With a Mentor Commented:
I am finding you a perfect solution. But in the interim  will advice the following:

Create a container div for the floated div and set a fixed height. and the the floated div will work with the 100%. You can even use a min-height property and do not forget to add overflow: auto the the container div.

Awaiting feedback

ST3VOAuthor Commented:
Anyone please?
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

David S.Connect With a Mentor Commented:
Equal columns is often an illusion created with backgrounds. You could use Faux Columns to make the elements appear to have equal heights.

ST3VOAuthor Commented:
Both helped, now done. Thx
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.