Dreamweaver CS3 Using CSS for Layouts

Working in Dreamweaver CS3 and wondering if it is possible to layout a page using div tags rather than tables like I'm doing now.
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.


The easiest way is to:

(at the top)

Click Insert
Click Layout Objects
Click Div Tag

You can apply a class or id to the div if you have any.

Does this get you started?

dignifiedAuthor Commented:
How is the browser compatibility? Do I have to position things manually or can I drag and drop objects?
If youre going to use divs for layout, you will want to use CSS to position the divs.

Just Google "how to position divs"

You'll get a whole list of helpful info.

But to answer your question, you'll need to give your divs 'ids' or 'classes' to manipulate them or to position them.

Browser compatibility (in my opinion) is a bit shaky...especially in IE but they are getting better. Unless you are planning on doing some advanced CSS layouts, you should be ok.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

dignifiedAuthor Commented:
Yeah I can use potision:absolute; left: 90px; etc but it is a little annoying have to do it this way, doesn't look like you can create a div and then resize with the mouse.

I think I'll just stick to using table then.
What exactly are you trying to do? You want the user to be able to resize something on your site? Or am I confused? :)
Jason C. LevineNo oneCommented:
There's also a whole bunch of CSS starter pages included in CS3.

Do File | New and you will see all of them.  
dignifiedAuthor Commented:
I mean for the WYSIWYG editor, I want to be able to insert a DIV, which will then show me the dotted outline of the region in which it covers. Instead of manually hard coding the dimensions and positions of these div tags, I would like to be able to use the mouse to resize them in the WYSIWYG editor, as well as drag them around.
Jason C. LevineNo oneCommented:
It's a weird little thing in DW that you can resize Layers (absolutely positioned divs), but not relatively positioned divs by grabbing the outline of the div.

So, if you want that, you do the same thing iShiva suggested in his/her first post but choose Insert > Layout Objects > AP Div
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Adobe Dreamweaver

From novice to tech pro — start learning today.