How To Center Your Website

**LadynRed** · 01-30-2008, 03:26 PM

With CSS solutions of course. This question comes up constantly, so here are links to several resources specific to this issue:

HORIZONTAL CENTERING
http://www.maxdesign.com.au/presentation/center/
http://bluerobot.com/web/css/center1.html
http://www.simplebits.com/notebook/2...centering.html
http://www.andybudd.com/archives/200...ntering_a_div/
http://css-discuss.incutio.com/?page...ngBlockElement
http://allmyfaqs.net/faq.pl?Center_with_CSS

VERTICAL CENTERING
http://www.hicksdesign.co.uk/journal...ering-with-css
http://www.jakpsatweb.cz/css/css-ver...-solution.html
http://tutorials.alsacreations.com/centrer/

**dougadam** · 02-29-2008, 08:36 AM

I have often been in need of this information.
Thanks

**audiomad** · 02-29-2008, 09:04 AM

or simply use this

}
#container {
margin:0 auto;
width:860px;
bottom:0;
}

**LadynRed** · 02-29-2008, 02:32 PM

It's not ALWAYS that simple.. and as you can see if you read the articles, there are many different solutions.

**pothi** · 03-26-2008, 09:32 AM

Hi,

I'm new to webdesign. I've done horizontal centering for a small website. I was scratching my head for vertical in combination with horizontal centering. Your links have been useful to me.

Thanks a lot.

**Joe3000** · 03-28-2008, 12:01 PM

Thank you.

Some of those were quite hard to follow but I found this one the easiest for centering a DIV in the middle of a page - horizontal and vertical.

**WebdesignGold** · 04-10-2008, 03:28 PM

Quote:

Originally Posted by audiomad

or simply use this

}
#container {
margin:0 auto;
width:860px;
bottom:0;
}

Quote:

Originally Posted by LadynRed

It's not ALWAYS that simple.. and as you can see if you read the articles, there are many different solutions.

Actually it is simple if you use that method in conbination with the right DOCTYPE. For instance, the following won't work:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

But this will:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

And of course, the stylesheet:

HTML Code:

#container {
 margin: 0 auto;
 width: 960px;
 }

**Gilligan** · 04-10-2008, 06:16 PM

But still, she said

"its not ALWAYS"

meaning most of the time it will work.

**LadynRed** · 04-11-2008, 10:34 AM

IMO, if you're using a Transitional doctype with LOOSE, you're just being a lazy coder and not doing your audience any favors.

**RosaJ82** · Yesterday, 11:33 AM

thanks again

**sfpavel** · Today, 08:17 AM

thnx a lot. no more googleing on how to center bloody divs

01-30-2008, 03:26 PM	#1 (permalink) How To Center Your Website
LadynRed Super Moderator Posts: 5,526 Location: Tennessee Talkupation:	With CSS solutions of course. This question comes up constantly, so here are links to several resources specific to this issue: HORIZONTAL CENTERING http://www.maxdesign.com.au/presentation/center/ http://bluerobot.com/web/css/center1.html http://www.simplebits.com/notebook/2...centering.html http://www.andybudd.com/archives/200...ntering_a_div/ http://css-discuss.incutio.com/?page...ngBlockElement http://allmyfaqs.net/faq.pl?Center_with_CSS VERTICAL CENTERING http://www.hicksdesign.co.uk/journal...ering-with-css http://www.jakpsatweb.cz/css/css-ver...-solution.html http://tutorials.alsacreations.com/centrer/ __________________ Web Goddess & Web Standards Evangelist :) - Tables Be Gone !! "Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"

02-29-2008, 08:36 AM	#2 (permalink) Re: How To Center Your Website
dougadam Ultra Talker Latest Blog Post: Bloom Where You Are Posts: 328 Name: Douglas Adams Location: Kalkaska Michigan Talkupation:	I have often been in need of this information. Thanks __________________ Technology Blog \| Political Blog \| Health Blog \| Alternative Health News \| Home Based Business News \| Weight Loss Blog \| Gold Medal Gourmet Extracts

02-29-2008, 09:04 AM	#3 (permalink) Re: How To Center Your Website
audiomad Webmaster Talker Posts: 512 Name: Barry O' Brien Location: Ireland Talkupation:	or simply use this } #container { margin:0 auto; width:860px; bottom:0; } __________________ Entertainment Forum - Css Tutorials - New Webmaster Forum - My Network

02-29-2008, 02:32 PM	#4 (permalink) Re: How To Center Your Website
LadynRed Super Moderator Posts: 5,526 Location: Tennessee Talkupation:	It's not ALWAYS that simple.. and as you can see if you read the articles, there are many different solutions. __________________ Web Goddess & Web Standards Evangelist :) - Tables Be Gone !! "Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"

03-28-2008, 12:01 PM	#6 (permalink) Re: How To Center Your Website
Joe3000 Extreme Talker Posts: 185 Talkupation:	Thank you. Some of those were quite hard to follow but I found this one the easiest for centering a DIV in the middle of a page - horizontal and vertical. __________________ JF Web Design

03-26-2008, 09:32 AM	#5 (permalink) Re: How To Center Your Website
pothi Novice Talker Posts: 5 Name: Pothi Kalimuthu Location: India Talkupation:	Hi, I'm new to webdesign. I've done horizontal centering for a small website. I was scratching my head for vertical in combination with horizontal centering. Your links have been useful to me. Thanks a lot.

04-10-2008, 06:16 PM	#8 (permalink) Re: How To Center Your Website
Gilligan DEAD Good Coder Posts: 1,091 Name: Stefan Location: London, UK Talkupation:	But still, she said "its not ALWAYS" meaning most of the time it will work. __________________ Offering Website Design Worldwide, please visit my website

04-11-2008, 10:34 AM	#9 (permalink) Re: How To Center Your Website
LadynRed Super Moderator Posts: 5,526 Location: Tennessee Talkupation:	IMO, if you're using a Transitional doctype with LOOSE, you're just being a lazy coder and not doing your audience any favors. __________________ Web Goddess & Web Standards Evangelist :) - Tables Be Gone !! "Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"

Yesterday, 11:33 AM	#10 (permalink) Re: How To Center Your Website
RosaJ82 Novice Talker Posts: 5 Name: John Rosa Talkupation:	thanks again

Today, 08:17 AM	#11 (permalink) Re: How To Center Your Website
sfpavel Average Talker Posts: 17 Name: Razvan Pavel Location: Bucharest, Romania Talkupation:	thnx a lot. no more googleing on how to center bloody divs