# Div border line needs to be variable

**URL:** <https://forum.kirupa.com/t/div-border-line-needs-to-be-variable/284038>\
**Category:** web dev\
**Created:** [March 14, 2009, 1:22am UTC](https://forum.kirupa.com/t/div-border-line-needs-to-be-variable/284038 "2009-03-14T01:22:04Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![celicasaur](https://avatars.discourse-cdn.com/v4/letter/c/f1d935/32.png) [@celicasaur](https://forum.kirupa.com/u/celicasaur)\
**Post date:** [March 14, 2009, 1:22am UTC](https://forum.kirupa.com/t/div-border-line-needs-to-be-variable/284038/1 "2009-03-14T01:22:04Z")

</div>

I have a main container div layer that houses all of my page content. Now, I have a vertical border line on either side of the container, but the problem is that I have to set a static height from the css page.

For example, the container height is 600px, but if my page content goes further down to like, 800px, I end up having a 200px gap (a gap, where there is no vertical lines).

Is there any way to make these lines dynamic from just using basic html and css?
