Posted By

giver on 02/17/11

Tagged

Versions (?)

Who likes this?

15 people have marked this snippet as a favorite

philik
maltem
Hepamin
0xC0FFEE
dubogii
acousins
tewoos
scilec
A973C
FredericoFigo
lionminister
lookingforsome
CSB_Campaigner
imoddesign
pasia

jQuery Center Vertical and Horizontal Web Page

/ Published in: jQuery

Highlighted TextExpand

Report this snippet Tweet

Comments

Subscribe to comments

Posted By: kristapsancans on February 17, 2011

It can be easily done by CSS:

content

centered{

background:#ccc;
border:1px solid #f00;
height:200px;
left:50%;
margin:-100px 0 0 -150px; /* negative margins half height and half width of centered block */
position:absolute;
top:50%;
width:300px}

Posted By: maltem on February 17, 2011

You are rignt kristapsancans, but this also means that parts of the content are invisible, if the width of the browser window is smaller than the content-width. And you can NOT scroll to the left to see the hidden content...

Comment:

You need to login to post a comment.