I have one div tag for my header, and one for my body. Now I want to put buttons over them, how do I do it?
Any way that I can find leaves the buttons floating out in space, not anchored to the header. So they move around when the window is resized.
Put the buttons *in* the div tag. Make the header image a background image. Locate the buttons within the header container by using margins on the buttons container or padding on the header container.
Questions like this are best asked with a link to the page or a copy of the code involved - that way we don't have to guess about what you might have in your code.
And do not use AP divs to try to do that.
For the underlying div (assuming you have a background image) your CSS should be:
margin: (some margin code that places the div where you want it);
Your html will be:
<div class="divThatSitsOnTop">This sits on top
</div><!-- This ends divThatSitsOnTop-->
</div><!-- This ends underlyingDiv -->
Now, I have used "Classes" here, not "IDs." Anything that occurs only once in a given web page may be an ID and not a class. Anything that is used several times in a web page must be a Class. Classes are defined in CSS with a dot before them, IDs with a hash (#).
You could save some time & start your project with one of the pre-built CSS layouts that comes with DW?
Go to File > New > Blank page > HTML > Layouts.
Choose a layout from the 3rd panel -- I recommend "1 column fixed, centered, header and footer."
Hit Create button.