How to Handle Nested divs complex css designs?

In dreamweaver, it was easy to just right click a table and do split cells either by rows or columns , but when i want to implement it in css based web design, it is getting difficult, Im just a starter, tell me how to create and handle nested divs, is Dreamweaver Mx is a good editor for doing css based designs, any other editors are there for free or buy please give me some information.

 

Try Dreamweaver CS5 for a change .

 

Dreamweaver MX is very out of date. You really don't want to be trying to build websites with tables these days.

 

It doesn't matter what editor you use, it can't do all your thinking for you.

Learn to space out your coding (especially as a beginner) and it makes it so much easier to make sure you have your coding nested properly. e.g.

<div id="wrapper">
     <div id="header">
          header coding
     </div>
     <div id="content">
          content coding
     </div>
     <div id-"footer">
          footer coding
     </div>
</div>

HTML:

Added hint for DW: If you use Commands>>Apply Source Formatting DW will space out your coding for you if you have not been doing this as you go along. Makes it easier to see where you have not closed containers or other coding properly.