0 Replies Latest reply on Mar 2, 2010 9:55 AM by bsfarm

    CS3 Page size issue

    bsfarm Level 1

      hello! i am looking for some Dreamweaver CS3 support/help. I have built several websites with my CS3 program but am now starting to build more advanced sites (at least for me) and am finding that i create a site page within Dreamweaver and as i begin editing it and adding photos, tables, etc the page automatically resizes itself and no matter what i do in design view i can get the size back to where it started.

       

      for example, i have a page that started out as 1150 pixels wide. the page has a menu bar on the left side and also has two text tables with print/data inside the main frame - there is a title bar at the top. The issue begins when i add a table with a photo and page heading in the title bar at the top. All of a sudden my page expands to over 2200 pixels and no matter

      what i do i cant get it to resize - when i try to manually move the border lines all that happens is my menu bar size increases 3 fold and the page just keeps getting more and more spread out..please help!!! (i hope this makes sense to someone!)

       

       

       

      HTML for the page is below:

       

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <!-- DW6 -->
      <head>
      <!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
      <title>Home Page</title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <link rel="stylesheet" href="mm_health_nutr.css" type="text/css" />
      <script language="JavaScript" type="text/javascript">
      //--------------- LOCALIZEABLE GLOBALS ---------------
      var d=new Date();
      var monthname=new Array("January","February","March","April","May","June","July","August","September","Octo ber","November","December");
      //Ensure correct for language. English is "January 1, 2004"
      var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
      //---------------   END LOCALIZEABLE   ---------------
      </script>
      <style type="text/css">
      <!--
      .style4 {
      font-family: "Teen Light";
      font-size: 16px;
      color: #000000;
      }
      .style5 {
      font-family: Mufferaw;
      font-size: 24px;
      color: #5C743D;
      }
      .style10 {
      font-family: LilyUPC;
      font-size: 24px;
      color: #666666;
      }
      .style12 {
      font-family: Mufferaw;
      font-size: 20px;
      color: #99CC66;
      }
      .style16 {letter-spacing: .2em; font-weight: bold;}
      .style17 {font-size: 32px}
      .style18 {
      font-family: "Juice ITC";
      font-size: 18px;
      color: #990033;
      letter-spacing: .5em;
      font-weight: bold;
      }
      .style19 {font-family: "Vladimir Script"}
      .style26 {font-family: LilyUPC; font-size: 18px; }
      .style30 {
      font-family: Mufferaw;
      color: #FFFFFF;
      font-weight: bold;
      }
      .style33 {
      color: #666666;
      font-family: Constantia;
      font-size: 18px;
      }
      .style34 {
      font-family: Constantia;
      font-size: small;
      }
      .style36 {
      font-family: LilyUPC;
      font-size: small;
      }
      body {
      margin-left: 5px;
      margin-top: 10px;
      margin-right: 5px;
      margin-bottom: 10px;
      }
      -->
      </style>
      </head>
      <body bgcolor="#F4FFE4">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr bgcolor="#D5EDB3">
          <td height="72" colspan="6" align="center" valign="middle"><table width="437" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <th scope="col"> </th>
              <th scope="col"><span class="style5 style17">Ilene's Cuisine</span></th>
            </tr>
            <tr>
              <th scope="row"> </th>
              <td align="left" valign="middle"><div align="center"><span class="style18">Cooking With Color</span></div></td>
            </tr>
          </table>    </td>
          <td width="8"> </td>
        </tr>
       
        <tr>
          <td height="7" colspan="7" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
        </tr>
        <tr>
          <td colspan="7" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td>
        </tr>
        <tr bgcolor="#99CC66">
          <td colspan="7" id="dateformat" height="14">  
              <script language="JavaScript" type="text/javascript">
            document.write(TODAY); </script>    </td>
        </tr>
        <tr>
          <td colspan="7" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td>
        </tr>
        <tr>
          <td height="6" colspan="7" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
        </tr>
        <tr>
          <td width="150" valign="top" bgcolor="#5C743D"><br />
              <br />
              <!-- Begin Vista-Buttons.com -->
              <link href="Index1-files/styles_wr7r5.css" type="text/css" rel="stylesheet"/>
              <style type="text/css">
          A#vbUL_wr7r5a{display:none}
          </style>
              <script type="text/javascript"> var vbImgPath="Index1-files/"</script>
              <script type="text/javascript" src="Index1-files/scwr7r5.js"></script>
              <a id="vbUL_wr7r5a" href="http://vista-buttons.com">Button Website by Vista-Buttons.com v4.5.0</a>
              <!-- End Vista-Buttons.com -->
             <br />
             <br />
             <br />    </td>
          <td width="27"><img src="mm_spacer.gif" alt="" width="25" height="1" border="0" /></td>
          <td colspan="2" valign="top"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />
             <br />
             <br />
            <table width="542" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td width="542" height="49" class="style5">WELCOME MESSAGE FROM ILENE</td>
              </tr>
              <tr>
                <td valign="top" class="bodyText"><p align="justify" class="style12"><br />
                        <span class="style33">Welcome to Ilene’s Cuisine - Cooking with Color, where I take everyday foods using a palette of colors to create my canvas…The Dish!</span></p>
                    <p align="justify" class="style33"> All of my cooking classes take a commonsense approach to preparing and eating a wide range of colorful and fun thematic dishes aimed at a “good for you”, “heart healthy” and appetizing approach.</p>
                  <p align="justify" class="style33">I invite you to come explore the wonders and colors of food with me.</p>
                  <p align="justify" class="style10">-<span class="style19">Ilene</span></p></td>
              </tr>
            </table>
       
            <br />
             <br />    </td>
          <td width="25"><img src="mm_spacer.gif" alt="" width="25" height="1" border="0" /></td>
          <td width="404" valign="top"><br />
             <br />
            <table width="404" border="0" align="center" cellpadding="0" cellspacing="0" id="leftcol">
              <tr>
                <td width="18"><img src="mm_spacer.gif" alt="" width="10" height="1" border="0" /></td>
                <td width="381" class="smallText"><div align="left"><span class="style4"><span class="style16">What People are Saying..</span>.</span><br />
                </div>
                    <p align="left" class="style34"><span class="subHeader">Testimonial</span><br />
                      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam. </p>
                  <p align="left" class="style34"><span class="subHeader">Testimonial</span><br />
                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam. </p>
                  <p align="left"><span class="subHeader style34">Testimonial</span><span class="style34"><br />
                        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam</span><span class="style36"></span><span class="style26">. </span></p>
                  
                  <div align="left"><br />
                     <br />
                  </div></td>
                <td width="10"> </td>
              </tr>
            </table></td>
          <td width="8"> </td>
        </tr>
        <tr>
          <td colspan="7" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td>
        </tr>
        <tr>
          <td height="7" colspan="7" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
        </tr>
        <tr>
          <td height="20" align="center" bgcolor="#99CC66"> </td>
          <td height="20" colspan="6" align="center" bgcolor="#99CC66"><span class="style30">Cooking Classes - Demonstrations - Event Planning - Team Building Workshops </span></td>
        </tr>
        <tr>
          <td colspan="7" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td>
        </tr>
        <tr>
          <td height="7" colspan="7" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
        </tr>
      </table>
      </body>
      </html>