Vertically Center Content with CSS

Advertisement


A nice how-to vertically center a page with CSS from website Vdot Media.

A convenient benefit of using tables is the ability to vertically center content within a cell using the valign attribute. Unfortunately, acheiving the same effect with CSS isn’t so convenient. So, as we continue to move towards tableless structures, there comes a need for a simple and valid CSS alternative.

Vertically center content with CSS (Vdot Media)

February 29, 2008 in CSS Snippets

Search etc.

More Entries From CSS Snippets

5 Rules for More Readable CSS Files From Woork Up, a nice article that illustrates five simple practical rules that can help you write well structured and more readable CSS files... (October 19, 2009)

Hover Effects in Web Design Spoonfed Design has a nice article detailing and illustrating the best practises and techniques for using hover effects in web design, complete with 30... (April 16, 2009)

Two Nice CSS Reads From Designer Daily, some tips for making your links better by giving more information to your users before they click. 8 CSS tips for better... (March 16, 2009)

Simple Scalable CSS Based Breadcrumbs Veerle Pieters has a great article and "how to" create a simple css-based breadcrumb navigation using only one image and some basic CSS styling with... (February 11, 2009)

16 Usable CSS Graph and Bar Chart Tutorials Speckyboy has a great round-up of tutorials detailing how to use CSS (and sometimes a bit of PHP) to create a wide variety of... (February 4, 2009)