Tweet

← Old Articles TweetDeck Ubuntu 64bit. →

 

Center DIV using CSS

Posted on 16/03/2010 by John

 

A simple method for centering divs that I usually use is:

The CSS

#content {
   width: 800px;
   margin: 0 auto;
}

The HTML

What this does is creates a div 800 pixels wide then sets the top and bottom to 0 pixels then sets the left and right margins to be auto. This makes the browser give the div equal spacing on either side.

This should work in all major browsers including IE7, IE8, Firefox, Chrome and Safari.

 

 

This entry was posted in Computers. Bookmark the permalink.

 

← Old Articles TweetDeck Ubuntu 64bit. →

 

 

• Categories

  • Around the House
  • Computers
  • Entertainment
  • Food
  • General
  • Linux
  • Mac
  • Money
  • Movies
  • Politics & Religion
  • Programming
  • Reading
  • Travel
  • Windows

• I am reading

  656 / 656 Pages
• 

   

• Recent Comments

• Kiva loans

  I have microlent to:

  Anonymous

  
  
  

  Location:	Kenya,
  Activity:	Farming

  
  

  

• StumbleUpon Feed

  • Cat Plays Fruit Ninja on iPad 03/02/2012
    0 reviews […]
  • http://www.buzzfeed.com/burnred/predictions-of-what-2011-would-be-like-in-a-1911-n-281t 01/02/2012
    0 reviews […]
  • Jimmy Carr defends Atheism on the Late Late (18 Sept 09) 21/01/2012
    0 reviews […]
  • Iphone factory struggles with suicides 2 20/01/2012
    0 reviews […]
  • Christians bombard teen activist with hate and abuse. - Atlanta atheism | Examiner.com 18/01/2012
    1 reviews […]
  • Jessica Ahlquist Has Won Her Lawsuit! | Friendly Atheist 12/01/2012
    0 reviews […]
  • Ultra-D seamlessly converts your 2D to glasses-free 3D - Neowin.net 11/01/2012
    0 reviews […]
  • Artist Creates Amazing 3D Paintings of Goldfish : TreeHugger 11/01/2012
    0 reviews […]
  • Vintage | Retro | lolz | Stuff | South Australia 10/01/2012
    0 reviews […]
  • OCZ RevoDrive Hybrid merges 100GB SSD with 1TB HDD for $499 -- Engadget 10/01/2012
    0 reviews […]