Vertically Center With Jquery

This lesson, I'll show you how you can vertically center elements or images by using just a bit of jQuery (javascript library). For more tips and tutorials, please visit www.detachedesigns.com/blog

Category:

Howto & Style

Tags:

• asp.net
• css
• xhtml
• jQuery
• Javascript
• detached
• designs
• jeff
• way

[NewProjectDesigns]

On my channel i've got a tutorial on how to do this with just HTML and CSS

[watchmyshoes22]

@selecto16 You can't do that dude everyone doesn't have the same pixel aspect ratio

[masterbip]

Thanks! 

[vidast]

@selecto16

you meant: margin-top: -200px ;)

[selecto16]

You dont neen jQuery to vertically position an element; you can do it with CSS, this way:

position:absolute;

width:500px;

height:400px;

margin-left:-250px;

margin-top:200px;

top:50%;

left:50%

There you go. The margin is halp of the width/height, in negative ;-)

[tholithemba]

if you want me to give you proper JQuery Tutorials (easy to follow and suitable for any one) Message me with a subject: JQuery and message: yes

[nickoooname]

nice video's very usefull! but please make sure your next vids are of better quality

[thug0rule]

Nice trick Jeffrey Jordan Way but will this work on a scrolling page? i.e. will the image remain vertically centered even if we scroll up n down the page ?

[ReFreezed]

Nice! I like how everything is so easy with jQuery.