Fireworks+Dreamweaver Help

You can do this in Fireworks while exporting.

FIRST - Make sure you do not have any elements overlapping! FW will export as absolute positioning..

Choose export:
Attachment 4654

Choose options:
Attachment 4655

HTML setup:
Attachment 4656

Stage one- The CSS
Within your css add something that looks like this code:

body {
text-align:center;
}
#wrapper {
margin: 0 auto;
width: xxxx; /* Replace the xxxx with the the width of your site (eg 800px)*/
text-align:left;
}



A quick explanation of what margin: 0 auto; will do


In the body add text-align:center as this will fix a problem that some browsers have with margin:auto. However this will make all the text in anything be centered so to fix this in the wrapper you will tell all the text to go back to the left, this way you are resetting the default position of the text and will place the text left unless you tell it in a different div/class to be otherwise.

in the wrapper, the 0 is there to tell the top and bottom not to have a margin, this can be changed if you want there to be a top and bottom margin.

The auto tells the left and the right to automatically set a margin. So it takes into account the space that remains and divides it between the left and right margins, making the content centered on the page.

Stage two – The HTML

Now that you have the CSS part done all you need to do is apply the wrapper to the HTML. This is simple, anything that you want to be centered on the page shoul be placed inside the wrapper like this:

<div id="wrapper">
<!-- Place everything you want to be centred here-->
</div>

Steve

@Jcraig83 - Your most welcome.

There is a THANKS button in each post a user makes - bottom right..