Solved

CSS question

Posted on 2012-03-28
4
191 Views
Last Modified: 2012-06-21
I have this page:

http://tinyurl.com/797vsae

In #footer, Iwould like the brown background to extend to the bottom of the monitor without the user having to scroll. is there  command that will allow this? Right now i have a static height, but it will render differently on all screens. Any help is appreciated.
0
Comment
Question by:lvollmer
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
4 Comments
 
LVL 31

Expert Comment

by:Marco Gasi
ID: 37780325
You can try to replace height attribute with min-height attribute:

#footer {
    background-color: #524C39;
    color: #F1F1E7;
    min-height: 50px;
}

See if this makes sense for you.

Cheers
0
 

Author Comment

by:lvollmer
ID: 37781835
tried that , but it did not work
0
 
LVL 30

Accepted Solution

by:
LZ1 earned 500 total points
ID: 37782141
Are you looking for something like this?  

http://www.cssstickyfooter.com/
0
 

Author Closing Comment

by:lvollmer
ID: 37782172
perfect solution, thanks!
0

Featured Post

Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

Question has a verified solution.

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

Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
The viewer will learn how to dynamically set the form action using jQuery.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

627 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