# Vertical centered and fixed-heigh absolutely positioned divs!

**URL:** https://forum.kirupa.com/t/vertical-centered-and-fixed-heigh-absolutely-positioned-divs/288922
**Category:** Uncategorized
**Created:** [May 23, 2009, 1:01am UTC](https://forum.kirupa.com/t/vertical-centered-and-fixed-heigh-absolutely-positioned-divs/288922 "2009-05-23T01:01:09Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![ya3](https://avatars.discourse-cdn.com/v4/letter/y/e95f7d/32.png) [@ya3](https://forum.kirupa.com/u/ya3)
#### Post date: [May 23, 2009, 1:01am UTC](https://forum.kirupa.com/t/vertical-centered-and-fixed-heigh-absolutely-positioned-divs/288922/1 "2009-05-23T01:01:09Z")

</div>

Does that sound like every webdesigner’s nightmare? 😛

Anyway, I’m trying to find the best+cleanest way to create this layout:  
[http://tinyurl.com/q8v986](http://tinyurl.com/q8v986) (just a rough mockup)

Fixed-height navbar at top, fixed-height portfolio bar pinned to bottom of page, and a vertically centred content area. All 100% width.

As you can see, I’ve hacked together some CSS using snippets I’ve grabbed from around the place, but it’s not perfect. In particular, the overlapping divs create issues (links/buttons not being clickable, etc, and all divs will contain links/buttons).

Halp? 🙂