Comments on: How To Vertically Center A Site

By: Dizi

Dizi — Fri, 10 Jun 2011 08:43:50 +0000

thanks for leaving a comment lindz, I’m happy to hear that the tutorial has been useful

By: lindz

lindz — Thu, 02 Jun 2011 14:49:29 +0000

thanks! works really well!

By: Andre

Andre — Thu, 07 Apr 2011 13:36:53 +0000

Hey Bardu,

While your source code shows that the vertical div is the first div in the body, something is adding div elements at the start of your ‘body’ div. While these all appear to set to “display: none”, they are still coming before the “Id=vertical” div.

If you can find out what is adding these elements and either remove it or move them down, then your site will align vertically again.

By: April Green

April Green — Sat, 19 Feb 2011 23:47:03 +0000

Wow The Way I Use Always Made It Go Off The Top If The Window Was Too Small. Tis One Doesnt Do That And Works Perfectly.

By: Mr Curious

Mr Curious — Thu, 20 Jan 2011 08:02:49 +0000

This is ingenius!!!
Thanks

By: Dizi

Dizi — Tue, 21 Dec 2010 17:00:09 +0000

I have no idea why it is breaking, I’ll have a look to see if I can fix the issue when I am home from work.

EDIT: after looking at it I still have no idea why it is breaking when you add the Adsence code.

By: bardu

bardu — Sun, 19 Dec 2010 06:12:30 +0000

Thanks for this tutorial. However, it seems as soon as you put Google AdSence code on a page in WebKit based browsers the page jumps to the top.

See

http://yukonlive.ca/yukontoday/weather.faces

It works in FF and IE.

Any ideas for a workaround?

By: Dingobat

Dingobat — Tue, 14 Sep 2010 04:26:12 +0000

Thanx this was easy to follow and made my site in the middle of the page.

By: Carson82

Carson82 — Fri, 14 May 2010 11:47:31 +0000

Thanks Dizi, I have tried loads of tutorials and this is the first one that works!

By: Marc

Marc — Sat, 27 Mar 2010 13:23:01 +0000

I’ve just been here for 5 minutes and I have seen enough. This site rocks. And I think I will use a lot of the tutorials over here.

Kind regards from the Netherlands.