Comments on: Horizontally Center a Box in the Browser Window

By: Simon Kjellberg

Simon Kjellberg — Thu, 10 Apr 2008 13:04:50 +0000

I’ve checked the browser statistics on W3Schools http://www.w3schools.com/browsers/browsers_stats.asp and 1,7% of their visitors were using IE5 during february 2008.

I’ve also checked the globalstats on http://www.w3counter.com/globalstats.php and IE5 is not even listed on that list.

I guess you can’t really rely on any browser statistics so it’s up to you to decide which browser you want to develop for. It’s an interesting thing to discuss and it’s not easy to decide which browsers you should aim for.

It’s always nice to be able to develop for as many browsers as possible so thanks for the IE5.5 and below tip! I had no idea about this before and don’t believe that so many others know about this.

By: adam

adam — Thu, 10 Apr 2008 01:09:35 +0000

Check w3

By: Simon Kjellberg

Simon Kjellberg — Wed, 09 Apr 2008 20:36:44 +0000

@adam The first line of CSS you submitted does not give the intended result in both Firefox or IE7.

The second row contains an error. You have written “…margin 0 :auto;…” and it should be “…margin: 0 auto;….”. I changed it and then it worked as intended.

Do you have any statistics on how many that still use IE5.5 today?

By: adam

adam — Wed, 09 Apr 2008 06:00:28 +0000

Better way

.box-to-center{width:800px; display:block; margin-right:auto; margin-left:auto; text-align:center;}

Or
.box-to-center{width:800px; display:block; margin 0 :auto; text-align:center;}

The display:block; and text-align:center; is to deal with IE 5.5 and below centering and width issues.

By: Kristopher

Kristopher — Tue, 26 Feb 2008 15:05:13 +0000

Another tip to those learning CSS is that instead of using four lines for margin, you could simply list it as…

margin: 0 auto 0 auto;

…which is the shortcut of the margin tag. Just remember that it goes in a clockwise direction: top right bottom left.

*Just further iterating what Simon said =)