# Side bars size, in html (or javascript?)

**URL:** <https://forum.kirupa.com/t/side-bars-size-in-html-or-javascript/280270>\
**Category:** web dev\
**Created:** [January 25, 2009, 11:40am UTC](https://forum.kirupa.com/t/side-bars-size-in-html-or-javascript/280270 "2009-01-25T11:40:28Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Myung](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@Myung](https://forum.kirupa.com/u/Myung)\
**Post date:** [January 25, 2009, 11:40am UTC](https://forum.kirupa.com/t/side-bars-size-in-html-or-javascript/280270/1 "2009-01-25T11:40:28Z")

</div>

Hi There!

I’m trying to make a header DIV with 3 part, from left to right:

1. left side (div)- including backgroung image, right aligned
2. center part (div) - including header content, constant size of 800px
3. right side (div) - including backgroung image, left aligned

I want the sides to resize so that they fill the gaps between the center part and the borders of the browser, and when the browser is too small - they just hide, and the center part goes to the h-center of the page.

How can I do that?

TNX