View Full Version : Really good <div> tuts

11-20-2008, 01:44 PM
Hello everybody!

Recently I have seen the error in my ways (by that I mean that it was pointed out to me by the pro's:thumbsup:) that tables and layout should not appear in the same sentence...

So does anybody know of awesome tuts about divs? Like what you can do with it in CSS and what you can do for it to be cross browser friendly etc etc...

I really want to do things the correct way!:D

11-20-2008, 01:53 PM
http://htmldog.com/ contains some good articles and tutorials.

11-20-2008, 02:33 PM
If you wanna do things correctly, you shouldn’t search for “tutorials about divs” (the division ist just one of many HTML elements that can be used to create documents) but you should reather learn how to mark up your documents with semantic code (http://joedolson.com/articles/2008/04/why-use-semantic-html/). That’s the way to go. And actually a div element has no real semantic value at all, it’s just a generic block element to divide the document into sections (e. g. to ease further styling with CSS).

And note that a table has a semantic value, namely to structure data (e. g. phone/adress directory, product/price list etc.). However, it has been greatly misused to create a page layout in the past and this is the thing that’s frowned upon nowadays.

11-20-2008, 02:56 PM
Yeah I know its a "meaningless" tag but is it not better to use divs for layout rather than tables?:confused:

11-20-2008, 03:07 PM
Yes but, as Stephan said, it's like asking if anyone has a tutorial about <p>. Divs are just a structural element similar to <p>.

11-20-2008, 03:09 PM
Here is a great series of blog posts about the usage of floats, which I agree can often be overused with <div>s and can cause problems. So while this is not exactly about <div>s, I find it a great set of posts about positioning techniques avoiding the float property. After all, the <div> has become a workhorse in web design, and it is easy to replace tables with <div> tables.


11-20-2008, 03:21 PM
Ahh... I get your point... Im sort of new to this and would like to do things correctly and not add to the web being full of sites with incorrect markup and stuff...
I think VIPStephan had a good point with semantic code...
Just as a matter of interest... I understand that a decent web designer/developer always continues to learn and never "knows everything" but how long does it take to actually be sort of good? (and to be able to ditch dreamweaver for hand coding?:D)

11-20-2008, 03:57 PM
It depends on how hard you work at it really. If you start without DW now, you'll be faster later without it, however I still use it just because I like the IDE. But the key is to learn how the coding works (not necessarily to memorize every tag or property, but know that there is one available that you can look up!).

Also coding is one stop, designing is another. Designing takes place away from code, and works with the left part of your brain. So in this one, it really just depends on your inherent skills and how fast you can pick up design trends and techniques.