• code snippets
  • all code snippets/
  • popular code snippets/
  • your code snippets
• extras
• blog
• about snipplr

Change style:

• Big /
• Small

---

Posted By

giver on 02/17/11

Tagged

jquery center horizontal vertical

Versions (?)

02/17/11 03:19pm02/17/11 03:15pm02/17/11 03:11pm

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

---

---

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...