Comments on: Vertical Centering with a Floated Shim

By: darwin

darwin — Thu, 14 Jan 2010 06:00:00 +0000

thx for this great tips…this is what i'm looking for…i will try it :) ..

By: webweaver

webweaver — Sat, 02 Jan 2010 04:59:08 +0000

Woah! Perfect!

Firstly THANK YOU - you've solved the losing-the-top-of-the-div issue that most of the other vertical centering solutions display when the window height is less than the centered div height. Clever clever clever.

You can also easily make #blueBox center horizontally as well as vertically if you want to. This gives you a div in the dead centre of the page.

To do this, add text-align: center; to the body tag in your css, and margin: 0 auto; to #blueBox. This centers the div in both IE and compliant browsers.

By: WEB 3.0 » Blog Archive » ¿Así que querías saber de CSS?

WEB 3.0 » Blog Archive » ¿Así que querías saber de CSS? — Sat, 18 Apr 2009 01:21:49 +0000

[...] Vertical Centering with a Shiv Div - Matthew Tretter [...]

By: matthew

matthew — Fri, 13 Feb 2009 02:43:37 +0000

@mike I didn't bundle the source separately but you should just be able to look at the example and see the source by right-clicking.

By: mike

mike — Thu, 12 Feb 2009 04:06:14 +0000

Sorry for stupid question, but where is the source with the code?

By: daniil

daniil — Fri, 23 Jan 2009 18:39:22 +0000

Thank you, perfect solution for what I needed!

By: Slicing skill list - Wolf’s Little Store

Slicing skill list - Wolf’s Little Store — Mon, 13 Oct 2008 10:07:45 +0000

[...] Vertical centering with a floated shim as explained here. [...]

By: caleb

caleb — Mon, 02 Jun 2008 01:24:59 +0000

It's amazing that it took so much googling to find this solution. Works like a dream.

For an idea that's a year and half old, shouldn't more people have picked up on it?!

Thanks Matthew!

By: mcsdwarken

mcsdwarken — Mon, 28 Apr 2008 15:02:41 +0000

Thanks a lot, it's the solution I've been searching for months! Simple and brilliant!

By: Jedidiah

Jedidiah — Tue, 01 Apr 2008 20:55:43 +0000

I get it now, vertical not horizontal.

Sorry having a slow day.