Dreamweaver FAQ header image 2

What is the correct way to place various divs if they are not in the same format?

March 16th, 2009 · No Comments

Hi Janine,

I have been taking the Total Training Adobe Dreamweaver lessons for about 3 years now, so I have a feeling I know you like a dear friend. Your explanations are very clear and make it fun to learn about Dreamweaver. Every time I feel I need something, I watch the videos to see what you can tell me about it.

Still, there is one thing I have trouble using, and that is the correct way to place various divs if they are not in the same format and still have to be placed next to each other. Of course, I also usually want the container to be centered on the page, so I use the margin settings left and right on “auto,” which was an extremely useful tip.

I would like to know in what order I should place the divs in the container, when to use floats, and when not. Maybe it’s better to make an extra container to hold tekst2/tekst3 and another one for tekst1/tekst4?

I hope you can help me out.

Kindest regards,

Helen
The Netherlands

Hi Helen,

Thank you for the kind words about my videos. I have been fortunate to develop friendships with a number of people like you over the years and I am happy you consider me a friend already.

I think you’ve answered your own question. Including extra divs to contain sections 1 and 4 and 2 and 3 would be a fine way to make this layout work. And here’s a tip: Make sure you don’t duplicate alignment settings. For example, if you’ve aligned an image (or a div) to the left and then place it in a div that has a float left CSS rule, you’re likely to run into problems. Thus, make sure you remove the alignment settings from the div inside the div that you use to position them.

Hope that helps and I wish you all the best,
Janine

Still want more? Visit the Dreamweaver Help Center at www.DigitalFamily.com/dreamweaver to find Dreamweaver tips, tricks, and tutorials.

Tags: Dreamweaver CS3 · Dreamweaver CS4

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

You must log in to post a comment.