Hi, I've been searching around the web looking for a piece of CSS to control the my <div class="container">...</div> to always fit across the screens height not dependent on screen size or resilution, and can be used in both IE and FF.
I have tried using:
.container
{
background: #000;
margin: 0 auto;
padding-bottom: 6px;
width: 850px;
border: 1px solid #CD0000;
height: 100%
}Please brush off some knowledge into my way.
Many thanks,
Vinstah
Well, at least not without some hacks. There is no way to make a box 100% of the height of the screen with a single CSS command like "height: 100%". Though I wish it was that easy.
You will have to do a google search to find some of the ways others have accomplished this feat. Some use negative margins like "margin-bottom: -9999px;" and others just place a div around the content and the right/left side bar and set the background of that div to some image to make it LOOK like the side bar goes to the floor.
But like I said, you will have to get some half-browser-working CSS hack to do the trick.
after searching google with different terms I came across this helpful webpage --> http://www.geekicon.net/thinktank/index.shtml/article/643
Try to add height: 100% to the body and all the other containers of your div if there is any. and I think it will work
Have fun
