# CSS positioning help =(

**URL:** <https://forum.kirupa.com/t/css-positioning-help/328347>\
**Category:** web dev\
**Created:** [May 9, 2012, 10:58pm UTC](https://forum.kirupa.com/t/css-positioning-help/328347 "2012-05-09T22:58:24Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![adstudio3d](https://avatars.discourse-cdn.com/v4/letter/a/d07c76/32.png) [@adstudio3d](https://forum.kirupa.com/u/adstudio3d)\
**Post date:** [May 9, 2012, 10:58pm UTC](https://forum.kirupa.com/t/css-positioning-help/328347/1 "2012-05-09T22:58:24Z")

</div>

I know I’m doing something stupid in my css and its driving me nuts… I Just need help with getting a DIV with 3 nested DIVS to display the way I need…

\<div id=“site-wrapper”\>  
\<div id=“header-wrapper”\> (100% page width)  
\<div id=“header-left”\>\</div\> (aligned left)  
\<div id=“header-center”\>\</div\> (aligned center)  
\<div id=“header-right”\>\</div\> (aligned right)  
\</div\>  
\<div id=“image-wrapper”\>\</div\> (100% page width)  
\<div id=“previous-btn”\>\</div\> (aligned left)  
\<div id=“main-image”\>\</div\> (aligned center)  
\<div id=“next-btn”\>\</div\> (aligned right)  
\</div\>  
\<div id=“content-wrapper”\>\</div\> (fixed width… if browser is)  
\</div\> (smaller srollbars are active)

Here is an image of what I need to do…  
[i760.photobucket.com/albums/xx248/three7studio/siteDivHelp.jpg](http://i760.photobucket.com/albums/xx248/three7studio/siteDivHelp.jpg)

.