Comments on: How to Center a Website With CSS

By: Tanya

Tanya — Wed, 16 May 2012 18:49:14 +0000

THANK YOU! Been researching this for quite a while. I found many different answers. This is the only one that worked properly with the other CSS codes on the site I was working on. Was able to modify this to wrap around several different DIV tags. Again, THANK YOU!

By: Eii Su (@eiisuDluffy)

Eii Su (@eiisuDluffy) — Fri, 27 Apr 2012 17:14:34 +0000

Thank you so much. It is a very helpful tutorial. =)

By: Best Android widgets

Best Android widgets — Mon, 26 Mar 2012 15:40:46 +0000

How to Center a Website With CSS | Build Internet I was suggested this web site by my cousin. I’m not sure whether this post is written by him as nobody else know such detailed about my trouble. You’re wonderful! Thanks! your article about How to Center a Website With CSS | Build InternetBest Regards Cassetta

By: Reverse Phone Lookup

Reverse Phone Lookup — Sun, 25 Mar 2012 03:10:55 +0000

Hello There. I found your blog using msn. This is an extremely well written article. I’ll make sure to bookmark it and come back to read more of How to Center a Website With CSS | Build Internet . Thanks for the post. I will definitely comeback.

By: Kristopher

Kristopher — Fri, 02 Mar 2012 01:45:07 +0000

Ureka!!
I tested all div’s by placing a 1px solid red border (div {border: 1px solid red;}) so that that I could see what was hindering the site from centering The child containers (Nested divs) had been inheriting the width of the #site-wrapper (parent), therefore a min-width: 1280px.

Fix. -Applying a fixed with to the main (parent) container:
#site-wrapper {position: relative; margin: 0 auto 0; width: 832px;}

By: Kristopher

Kristopher — Fri, 02 Mar 2012 00:52:45 +0000

Hi peeps.

I’ve got a site in progress. I have created other sites and can get these to centre/center perfectly fine in all browsers.
Am however with my most latest coded website unable to get it to centre/center. I’ve damn near re-writtent the structure and yet must be missing something simple.

site gubbins… A mixture of relatives and absolutes… All absolutes positioned within a relative container.

#site-wrapper {position: relative; min-width: 1280px; margin: 0 auto;}

Site in progress can be found @ itechsavvy.co.uk

A fresh pair of eyes needed I think!! Thank.

By: Corby

Corby — Sat, 18 Feb 2012 20:49:37 +0000

Can you post the HTML markup also?

By: Jen

Jen — Fri, 20 Jan 2012 00:53:53 +0000

Extremely helpful. All of my IE shenanigans have been resolved.

By: Mark

Mark — Thu, 12 Jan 2012 12:12:54 +0000

Very well done indeed. Easy to follow and it works – wow

By: David

David — Thu, 05 Jan 2012 22:43:17 +0000

Thanks a lot….

It saved hours of my time…

at the end of my frustration, i found this… thank you very very mcuh