Centering Layout Using Dreamweaver

simonz32

New Member
I am trying to center my website.. found here:

www.lifestreamclothing.com

And this is what the coding on my HTML file looks like:

HTML:
<html>
<head>
<title>Home Page Nov. 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
body {
	background-color: #FFFFFF;
}
-->
</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
  <!-- ImageReady Slices (Home Page Nov. 2.png) -->
</div>
<div align="center">
  <table width="1478" height="1708" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000" id="Table_01">
    <tr>
      <td height="223" colspan="6">
        <img src="images/index_01.png" width="1477" height="223" alt=""></td>
    <td>
      <img src="images/spacer.gif" width="1" height="223" alt=""></td>
    </tr>
    <tr>
      <td rowspan="14">
        <img src="images/index_02.png" width="197" height="1469" alt=""></td>
	    <td colspan="4"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1080','height','86','title','lsc navbar','src','3rdtry','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','3rdtry' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1080" height="86" title="lsc navbar">
  <param name="movie" value="3rdtry.swf">
  <param name="quality" value="high">
  <embed src="3rdtry.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1080" height="86"></embed>
  </object></noscript></td>
      <td rowspan="14">
        <div align="center"><img src="images/index_04.png" width="201" height="1469" alt=""></div></td>
    <td>
      <img src="images/spacer.gif" width="1" height="70" alt=""></td>
      </tr>
    <tr>
      <td colspan="4">
        <img src="images/index_05.png" width="1079" height="41" alt=""></td>
	    <td>
	        <img src="images/spacer.gif" width="1" height="41" alt=""></td>
      </tr>
    <tr>
      <td rowspan="7">&nbsp;</td>
      <td colspan="3"> 
        <img src="images/index_07.png" width="467" height="12" alt=""></td>
	    <td>
	        <img src="images/spacer.gif" width="1" height="12" alt=""></td>
      </tr>
    <tr>
      <td rowspan="11">
        <img src="images/index_08.png" width="295" height="1346" alt=""></td>
	    <td>
	        <img src="images/index_09.png" width="120" height="28" alt=""></td>
	    <td rowspan="11">
	        <img src="images/index_10.png" width="52" height="1346" alt=""></td>
	    <td>
	        <img src="images/spacer.gif" width="1" height="28" alt=""></td>
      </tr>
    <tr>
      <td>
        <img src="images/index_11.png" width="120" height="7" alt=""></td>
	    <td>
	        <img src="images/spacer.gif" width="1" height="7" alt=""></td>
      </tr>
    <tr>
      <td>
        <img src="images/index_12.png" width="120" height="28" alt=""></td>
	    <td>
	        <img src="images/spacer.gif" width="1" height="28" alt=""></td>
      </tr>
    <tr>
      <td>
        <img src="images/index_13.png" width="120" height="16" alt=""></td>
	    <td>
	        <img src="images/spacer.gif" width="1" height="16" alt=""></td>
      </tr>
    <tr>
      <td>
        <img src="images/index_14.png" width="120" height="18" alt=""></td>
	    <td>
	        <img src="images/spacer.gif" width="1" height="18" alt=""></td>
      </tr>
    <tr>
      <td rowspan="6">
        <img src="images/index_15.png" width="120" height="1249" alt=""></td>
	    <td>
	        <img src="images/spacer.gif" width="1" height="194" alt=""></td>
      </tr>
    <tr>
      <td>
        <img src="images/index_16.png" width="612" height="104" alt=""></td>
	    <td>
	        <img src="images/spacer.gif" width="1" height="104" alt=""></td>
      </tr>
    <tr>
      <td>
        <img src="images/index_17.png" width="612" height="8" alt="">
        <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','600','height','180','title','gd','src','image scroller xml','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','image scroller xml' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="600" height="180" title="gd">
  <param name="movie" value="image scroller xml.swf">
  <param name="quality" value="high">
  <embed src="image scroller xml.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="600" height="180"></embed>
  </object></noscript></td>
	    <td>
	        <img src="images/spacer.gif" width="1" height="192" alt=""></td>
      </tr>
    <tr>
      <td>
        <img src="images/index_18.png" width="612" height="70" alt=""></td>
	    <td>
	        <img src="images/spacer.gif" width="1" height="70" alt=""></td>
      </tr>
    <tr>
      <td>
        <img src="images/index_19.png" width="612" height="145" alt=""></td>
	    <td>
	        <img src="images/spacer.gif" width="1" height="447" alt=""></td>
      </tr>
    <tr>
      <td><img src="images/index_20.png" width="612" height="242" alt=""></td>
	    <td>
	        <img src="images/spacer.gif" width="1" height="242" alt=""></td>
      </tr>
  </table>
</div>
<div align="center">
  <!-- End ImageReady Slices -->
</div>
<div align="center"></div>
</body>
</html>


My Question is .. How can I get this site centered (Using Dreamweaver) I have centered sites many times in the past, but for some reason this file is set up in some way that makes actual centering quite elusive to me.. I have other sites that I have open in dreamweaver, and to center those I just highlight the entire layout body in dreamweaver and I Center it, which makes the code:
HTML:
 <div align="center">
  <table width="1478" height="1708" border="0" align="center"

I'll bet there is any easy fix.. Maybe one of you can take a look at my entire layout code and tell me what I am doing wrong? Maybe too many divalign="center"

Thanks

S
 

bcee

New Member
OK, ok. Tables for layout isn't fine but...

Code:
body {
text-align: center;
}
#wrapper {
width: 1478px;
margin: 0 auto;
text-align: left;
}

Wrap your content in the div#wrapper and kill the align=center junk.
 
Top