Home/ Questions/Q 7617177
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T03:05:03+00:00

I am having a bit of issue with a div causing scroll bars when

  • 0

I am having a bit of issue with a div causing scroll bars when height set to 100%.

Right now, my page content looks like;

<body>  

<hr>

<div id="content">

    <div id="heading">

    </div>

</div>


</body>

The problem is that the HR is 5px, and the Content is 100% of body height. So, since it is 100% of page height, it is going below the HR and creating 5px so that a scrollbar is being made which I want to avoid..

My question is, how do I make it height 100% without it thinking that it needs to be 100%pageheight and not including the HR in the page height?

Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This kind of layout is best accomplished using absolute positioning. Here’s an example, using your HTML: http://jsfiddle.net/7KGmZ/

    css:

    #content
{
    position: absolute;
    top: 20px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}​
    • 0