CSS Centering

This tutorial will show you how to center you website design in all browsers.

Step One

Create a website design, once you've created your layout in Photoshop. You need to code it and save it into the correct format. Example: .php, .html, .asp

Step Two

Create a CSS Stylesheet and link to it in the top of your design, use the code below to link to an external stylesheet. Save the style sheet as "style.css".

You need to paste the below code into the < head > tag of your page.

Step Three

Add the below CSS into your CSS document: This code instructs both browsers to center anything inside the tags to be centered.

Step Three

You now need to add the below code into the design you created.

You need to replace the " with the body part of your design.

Finished

That’s it! Everything inside those two tags will be centered in the middle of the window in both Internet Explorer and Firefox.

I hope this helps!