Good video. FYI -The style sheet has a typo: html, bosy { . thats why the "body" padding wasn't "0". Only because this is a tutorial and people get easily confused! Peace and keep up the good work.
Hi great tutorial, one of the best i've seen, helped me out a lot, when is the next part coming? you mentioned a couple of times in the tutorial that next time we'd do something with the content and maybe make it a liquid layout, really looking forward to it. ~Subscribed and have been having a look at your website.
Apparently if you do this the containing box(#content) doesn't wrap around the 3 columns and only the the main wrapper(#wrap) gets cleared.
I can't see straight away why you would need a containing div for your three columns, but if you would want it contained you would need a clearing div.
You might want to look into the Aslett/PIE Method or placing an overflow:hidden in the containing div(#contents) for a better alternative to the semantically incorrect clearing div.
Never put that much thought into that aspect. Frankly it works fine (and validates) so I didn't care to investigate further. I am sure there are a hundred better ways to produce the same output. Bottom line is this tutorial was intended to get beginners on the right track - there is always a better way of doing something.
Oh don't get me wrong. Just thought I would let you know just in case you were interested. I didn't mean to comment on this vid or your way of working.
I certainly learned a few things from this video so... ;)
That's an excellent video! I've been hand coding as a web developer for nearly 18 months (have bought dreamweaver but doesn't seem to work well with Vista, so back to the trusty text editor!). I had until now stayed clear of the 3 column layout because it seemed so complicated to apply...so even relatively experienced people require the 'back to basics' approach at times!
we work almost the same way. I like to add now a fixed div at the very top of all my pages now.
kapitanboomboom 3 months ago in playlist More videos from 4st3r1sk
If you will need tech support person in your hosting as it grows big, i'm of service, nice web panel, btw
kapitanboomboom 3 months ago in playlist More videos from 4st3r1sk
Good video. FYI -The style sheet has a typo: html, bosy { . thats why the "body" padding wasn't "0". Only because this is a tutorial and people get easily confused! Peace and keep up the good work.
zzcorsair 1 year ago
Terrific layout. Definitely helped me in achieving the three column layout.
NessaChanel 1 year ago
Hi great tutorial, one of the best i've seen, helped me out a lot, when is the next part coming? you mentioned a couple of times in the tutorial that next time we'd do something with the content and maybe make it a liquid layout, really looking forward to it. ~Subscribed and have been having a look at your website.
mrkeeflee 2 years ago
Hey thanks! I should be able to cook up a part 2 within the week - stay tuned.
4st3r1sk 2 years ago
Great new, i'm looking forward to it :)
mrkeeflee 2 years ago
@4st3r1sk
Did you make the part 2 ?
bboybram 11 months ago
I really learned a lot from this as i was have trouble putting text into the middle of my webpage.
EccentricElectric1 2 years ago
Glad I could help, thanks for the comment.
4st3r1sk 2 years ago
Why can't you just do:
#footer{
clear:both;
...
}
Seems to work in FF3+ and IE6.
alexanderrrrrrrrr 2 years ago
It definitely does work - thanks for the comment.
4st3r1sk 2 years ago
but...
Apparently if you do this the containing box(#content) doesn't wrap around the 3 columns and only the the main wrapper(#wrap) gets cleared.
I can't see straight away why you would need a containing div for your three columns, but if you would want it contained you would need a clearing div.
You might want to look into the Aslett/PIE Method or placing an overflow:hidden in the containing div(#contents) for a better alternative to the semantically incorrect clearing div.
alexanderrrrrrrrr 2 years ago
Never put that much thought into that aspect. Frankly it works fine (and validates) so I didn't care to investigate further. I am sure there are a hundred better ways to produce the same output. Bottom line is this tutorial was intended to get beginners on the right track - there is always a better way of doing something.
4st3r1sk 2 years ago
Oh don't get me wrong. Just thought I would let you know just in case you were interested. I didn't mean to comment on this vid or your way of working.
I certainly learned a few things from this video so... ;)
alexanderrrrrrrrr 2 years ago
Heh, thanks dude. Much appreciated.
4st3r1sk 2 years ago
cheers!
alexanderrrrrrrrr 2 years ago
That's an excellent video! I've been hand coding as a web developer for nearly 18 months (have bought dreamweaver but doesn't seem to work well with Vista, so back to the trusty text editor!). I had until now stayed clear of the 3 column layout because it seemed so complicated to apply...so even relatively experienced people require the 'back to basics' approach at times!
Thanks again...where's the 2nd class?? :)
wickedwilluk 2 years ago