Comments on: 2-Column, Center-aligned Fixed Width Layout with CSS

By: Gopal rajawat

Gopal rajawat — Tue, 06 Apr 2010 19:16:55 +0000

Thanks, great tutorials i am looking for this and i got it….

By: Michael Hall

Michael Hall — Fri, 12 Mar 2010 00:31:32 +0000

Excellent tutorial and indeed easy to understand.

can you also give us a tutorial covering the box model issue with IE when you have some spare time? I just can’t seem to wrap my head around that, lol.

By: Gary

Gary — Tue, 02 Mar 2010 12:29:08 +0000

Hi, excellent tutorial.

One thing i “need” to know, how do you make the “wrapper” float vertically also? Say I have a background 600px high and I want it to float vertically?

By: admin

admin — Mon, 01 Mar 2010 03:47:31 +0000

@Andrea,

Sounds good.

Stefan

By: Andrea Barnett

Andrea Barnett — Sun, 28 Feb 2010 19:45:35 +0000

Excellent point, Stefan. I’ll insert this info right into the post so people can see it as they read it.

By: admin

admin — Sun, 28 Feb 2010 17:20:25 +0000

Hi,

I wanted to cover little piece of information not mentioned in the article … take a look at this code:

#wrapper {
	background: silver;
	width: 1200px;
	margin: 0 auto;
}

If you focus in on:

margin: 0 auto;

That basically says:

1. have 0 pixels on the top and bottom of the page.
2. automatically figure out the equal distance of margin on the left and right side of the div.

I hope that helps,

Stefan

By: admin

admin — Sat, 27 Feb 2010 17:41:17 +0000

Nice tutorial!

By: Patricia

Patricia — Sat, 27 Feb 2010 17:10:41 +0000

This is THE tutorial I have been looking for. So easy to understand and it explains WHY things work. CSS Layouts have been difficult for me because basically I’m an ‘old dog’ who doesn’t like to learn new tricks. Thanks so much for posting.