Layout centered vertically

Katranka · 03-09-2011, 11:33 AM

Hello,

I need to have contents shown in a box that is centered in the page exactly like this: johnpawson.com

I'd like to know if it is possible to have simply a table that starts from a point at the top.

But maybe with CSS there are more effective ways.

Or any kind of solution will do.

Any clue?

Many thanks.

ronaldroe · 03-09-2011, 01:51 PM

All they're doing is this:

The center div is 530px high.

They set the position:relative and top:50%.

Then, just set the margin to negative half the height. In this case, -265px. So it looks like this: margin-top:-265px;

Katranka · 03-09-2011, 03:44 PM

That's it!

Thanks!

03-09-2011, 11:33 AM	#1
Katranka New Member Join Date: Mar 2011 Posts: 2	Layout centered vertically Hello, I need to have contents shown in a box that is centered in the page exactly like this: johnpawson.com I'd like to know if it is possible to have simply a table that starts from a point at the top. But maybe with CSS there are more effective ways. Or any kind of solution will do. Any clue? Many thanks.

03-09-2011, 03:44 PM	#3
Katranka New Member Join Date: Mar 2011 Posts: 2	great! That's it! Thanks!

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

03-09-2011, 01:51 PM	#2
ronaldroe Platinum Member Join Date: Jan 2011 Location: Oklahoma City, OK Posts: 676	All they're doing is this: The center div is 530px high. They set the position:relative and top:50%. Then, just set the margin to negative half the height. In this case, -265px. So it looks like this: margin-top:-265px;