Posted By

mennyj on 06/18/10

Tagged

Versions (?)

Last Edited at 06/18/10 12:55am

Statistics

Viewed 525 times

Favorited by 0 user(s)

Related snippets

Vertically align within browser window

/ Published in: JavaScript

[via rtcrm]

This will vertically align a block-level element inside the user's browser window and will automatically adjust if the window is resized.

Highlighted TextExpand

<body>
	<div id="verticalContainer">
		This text will always be vertically centered inside the browser window
	</div>
</body>

window.onresize = function() {
	setContent();
}

// If this is being used with a JS framework (jQuery, prototype,etc...)
// remove the window.onload function and put setContent() inside the
// framework's proprietary "onload" function to avoid conflicts
window.onload = function() {
	setContent();
}

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.