# Page Layout Suggestions

**URL:** <https://forum.kirupa.com/t/page-layout-suggestions/327848>\
**Category:** web dev\
**Created:** [March 31, 2012, 10:37pm UTC](https://forum.kirupa.com/t/page-layout-suggestions/327848 "2012-03-31T22:37:33Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![erebel55](https://avatars.discourse-cdn.com/v4/letter/e/71c47a/32.png) [@erebel55](https://forum.kirupa.com/u/erebel55)\
**Post date:** [March 31, 2012, 10:37pm UTC](https://forum.kirupa.com/t/page-layout-suggestions/327848/1 "2012-03-31T22:37:33Z")

</div>

Hey, I’m new to this forum and am looking for some suggestions on how to make my page’s layout better.

I’m working on a page to display an svg of a visio type digram (with lots of boxes and arrows) that can be zoomed on.

I’ve mocked up a basic layout in paint and then started implementing it.

I’m having trouble centering my slider div vertically with the page.

Here is my mockup  
 ![](http://forum.kirupa.com/uploads/kirupa/6623/7f44a5726176049e.png)

And here is a jsfiddle of what I’ve implemented so far.  
[http://jsfiddle.net/erebel55/pwjSG/15/](http://jsfiddle.net/erebel55/pwjSG/15/)

Please give me any suggestions, criticisms, etc you have.

Also, if anyone knows how to center a div vertically that would be helpful.