Center centent vertically & horizontally with divs/CSS

Share No Comments  Email

By: Energy Complaints | posted in HTML/CSS, Tutorials |
Date: June 23rd, 2009

Do you ever want to center your content in the middle of the page vertically and horizontally?

Well, here is a great way to do just that all with css. It is very easy to build something similar with only html tales, but what if you want to only use divs and css? I been looking for something like this for a long time and it only use css to center the content in the middle of the page vertically and horizontally.

Also, when the users scale down their browser to a certain size it will show the scaling bar and it works with IE6, IE7, IE8, Firefox, Opera and Chrome.

Anyways, here is the file and try it out. Here is the file.

Click Here.

Related posts:

1. Create HTML table with fixed width columns with CSS So you want to create your HTML table with fixed width for all the columns regardless of what ever content you have inside the table...
2. Save the hungry and upgrade or download Internet Explorer 8 Check out this promotion by Microsoft at www.browserforthebetter.com/ it try to promote people to upgrade to Internet Explorer 8. I have still have IE7...
3. Drop shadows with css Drop shadows are a great and easy way to add some depth on your images. Especially you can add drop shadows with css, which you...
4. Understand Style Sheets CSS stand for Cascading Style Sheets. A CSS style is a collection of formatting attribute that is use to style an element on a page....
5. Bangkok Hospital Dental Center I have just landed in Bangkok, Thailand and currently living with my brother at his condo. I had been thinking about going to the Bangkok...
6. Google translations toolbar in FireFox browser Google just recently release a new toolbar that can translate websites to different languages in FireFox browsers. Now you can read different languages without having...
7. Who are the Best VPS Web Hosting Providers? VPS Reviews There are many other web-hosting providers that offer VPS hosting. Here are my top three VPS web-hosting providers that provide excellent performance, support and price....
8. Block or disable background button with Flash This is a little tutorial for Flash button. I found out about this trick on my own by accident when I was building my Flash...
9. Flash vs HTML/CSS The Pros and Cons about Flash websites. Pros: Freedom – Any good flash designer can do anything he/she wants. The only limit is their imaginations,...
10. IE 5.5, IE 6, IE 7, and IE 8 tester for Vista and XP I recently have vista ultimate 64 bit on my new workstation and I couldn’t install all Internet Explorer 6, Internet Explorer 7, and Internet Explorer...