Comments on: 3 Column CSS Layout

By: Anonymous

Anonymous — Thu, 17 Mar 2011 15:52:37 +0000

[...] [...]

By: Steven Bradley

Steven Bradley — Wed, 17 Nov 2010 04:32:06 +0000

I hear you. I try to remember though that much of what’s in this post is still very new to some people and as much as I tried to explain things as simply as I could, I’m sure I’ve left out steps that would be helpful for some people.

By: ken

ken — Mon, 15 Nov 2010 23:40:35 +0000

Do you know what I hate when someone goes out of their way to help someone online and most of the comments you get is that it doesn’t not work. I wrote a very detailed on how to create a install.wim with all your favorite programs and all their updates. Over 500 users said they it did not work and then users started to read more and guess what it worked so many users are ungrateful when they receive help.

By: Part 1: How to Turn a Design Image Into a Working Web Page | Greatest Info for You

Fri, 30 Apr 2010 14:11:23 +0000

[...] template, partly because it looks nice and I like to play chess, but mostly because it's a typical 3-column layout and offers a few challenges and options when developing. It also includes a few details that we may [...]

By: Part 1: How to Turn a Design Image Into a Working Web Page | Onextrapixel - Showcasing Web Treats Without A Hitch

Wed, 28 Apr 2010 10:23:17 +0000

By: Steven Bradley

Steven Bradley — Tue, 08 Dec 2009 18:21:23 +0000

My bad Kev. In the original post I forgot to show the css position: relative on the page div. It was in the example I linked to and it’s now in the post itself.

That missing bit of css was causing the problem.

By: Steven Bradley

Steven Bradley — Tue, 08 Dec 2009 18:19:54 +0000

Thera it looks like I forgot to show position: relative on the page div in the original code for this post. I take it you found that bit of code in the example.

My bad for missing it originally.

By: Steven Bradley

Steven Bradley — Tue, 08 Dec 2009 18:18:14 +0000

My bad Shay. See Jean’s comment above.

The problem is I forgot to add position: relative to the css for page div when I originally wrote the post. If you add the positioning to that div the third column should move back inside the page div.

Sorry about that.

By: Steven Bradley

Steven Bradley — Tue, 08 Dec 2009 18:16:03 +0000

Thanks Jean. Nice catch.

Oddly I did mention that I added it in the post, but seem to have forgotten to add it in the code.

Appreciate you letting me know. Thanks again.

By: Shay

Shay — Mon, 07 Dec 2009 04:38:59 +0000

Hmmm, I’m having the same problem with the action column/3rd column sticking outside of the page div. How do I fix this? I have the code below for the action div, and for the page div.

action div
div#action {
position:absolute;
top:50px;
right:10px;
border:2px solid green;
width:150px;
margin:0;
height:500px;
}

page div
div#page {
border:1px solid purple;
width:755px;
margin:0 auto;
padding:5px;
text-align:left;
}
div {
text-align:center;
}