Comments on: Horizontally Center Your Website Structure Using CSS

By: kevin

kevin — Mon, 02 Jan 2012 19:14:32 +0000

Awesome!! Tried a lot of complex stuff which ended up with no results.. This worked perfect!! Thank You :)

By: Kyle

Kyle — Mon, 02 Jan 2012 19:14:07 +0000

So i understand the code for centering and it works… unless I put a second ap div box inside of the centering div box. for example

and in ‘div1′ I have formatting coordinates. but then the div1 doesn’t respond to the wrap div. Why isn’t this working for me?

Thanks in advance

By: Alison Yochum

Alison Yochum — Thu, 03 Nov 2011 22:13:56 +0000

Hi just wanted to give you a quick heads up and let you know a few of the pictures aren’t loading correctly. I’m not sure why but I think its a linking issue. I’ve tried it in two different web browsers and both show the same outcome.

By: Ant

Ant — Thu, 14 Jul 2011 13:41:36 +0000

Not working!

I tried to put in the code and it was going well till stage 2, but you give no indication where to place the code.. (I guess you assumed it’s obvious)

I’ll keep looking

By: Oretha Brabham

Oretha Brabham — Wed, 22 Jun 2011 03:30:49 +0000

There are regularly changes on the web. I can’t predict which should transpire tomorrow. No crystal ball right here.

By: Aggelos

Aggelos — Fri, 06 May 2011 19:32:31 +0000

my suggestion is:

/* your site here */

in css:

#center
{
position:absolute;
left:50%;
margin-left:-800px; /* here put the width of your site */
}

cheers!

By: Pauline

Pauline — Wed, 09 Mar 2011 06:35:29 +0000

Many thanks, David. The center trick works so well … I have been searching for this and your post is great help. Thanks again!

By: willGann

willGann — Sat, 05 Mar 2011 18:38:01 +0000

wow I did wrap everything in code not code tags but it didn’t show,
sorry folks, guess you need to more than HTML,CSS, or javaScript to post here.
I am not versed in PHP etc.
soo thanks all
bye now

By: willGann

willGann — Sat, 05 Mar 2011 18:27:18 +0000

Your code above, DID NOT work with IE6 or Firefox.
I do like the old

but since it is dep’d,
I am searching for the best way to do this with CSS.
Most sites are not accomplishing this.
Their stuff doesn’t work.

is this centered?

Code that does work, though it is alot, all I can find so far. It works with IE+ and Firefox.

body { text-align: center;} #container { width: 700px ; margin-left: auto ; margin-right: auto ;}

words centered?

By: Demara

Demara — Thu, 03 Feb 2011 21:52:31 +0000

Hey, thanks for the css, it’s working well. The only thing I’m having trouble with is that the “#wrap” is about ten pixels from the top of the page and even if I specify “top:0px”; it won’t start right at the top. I’m sure it’s a quick fix, but I can’t figure it out – can you, or anyone else, help me with this?

Thanks!
-Demara