Solved

Div float right 100% height issue

Posted on 2009-04-09
6
1,174 Views
Last Modified: 2012-05-06
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?

thx

st3vo
0
Comment
Question by:ST3VO
  • 3
  • 2
6 Comments
 

Author Comment

by:ST3VO
ID: 24111238
Anyone please?
0
 
LVL 13

Accepted Solution

by:
myderrick earned 250 total points
ID: 24112550
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

MD
0
 
LVL 13

Expert Comment

by:myderrick
ID: 24112603
0
Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

 
LVL 13

Expert Comment

by:myderrick
ID: 24112640
0
 
LVL 42

Assisted Solution

by:David S.
David S. earned 250 total points
ID: 24113483
Equal columns is often an illusion created with backgrounds. You could use Faux Columns to make the elements appear to have equal heights.

http://www.alistapart.com/articles/fauxcolumns/
http://www.communitymx.com/content/article.cfm?cid=AFC58
0
 

Author Closing Comment

by:ST3VO
ID: 31568707
Both helped, now done. Thx
0

Featured Post

Active Directory Webinar

We all know we need to protect and secure our privileges, but where to start? Join Experts Exchange and ManageEngine on Tuesday, April 11, 2017 10:00 AM PDT to learn how to track and secure privileged users in Active Directory.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
css issues with IE 11 8 42
Botom of page is wrong color 5 17
specific navigation button disappears on mobile devices 1 52
100% tall div not scrollable on iPhone 3 21
This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

828 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question