4 Replies Latest reply on Sep 21, 2007 3:40 AM by Newsgroup_User

    Body/background scrunch?

    soul_runnin
      Hi all, first off, want to thank you guys for being willing to help. you do us great justice.

      I have a small problem, I'm re-creating a previous website, and there's one effect I'm having trouble with. I'm not sure how to describe it, other than when you resize the window everything inside (the contents) squishes, or moves above the background in order to fit in the alloted space. for instance,

      This website, when you re-size the window the form and content inside move with it, so that you can see everything and yet the window doesn't have to be full sized.

      Thanks a lot. : )
        • 1. Re: Body/background scrunch?
          Level 7
          Sounds like yours is built in a fluid container that always fills the
          browser viewport, and the site you are referring to is built in a fixed
          width container that centers.

          But your explanation, without code and without a link, is mighty vague....

          --
          Murray --- ICQ 71997575
          Adobe Community Expert
          (If you *MUST* email me, don't LAUGH when you do so!)
          ==================
          http://www.dreamweavermx-templates.com - Template Triage!
          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
          http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
          ==================


          "soul runnin" <webforumsuser@macromedia.com> wrote in message
          news:fcsh1g$s4m$1@forums.macromedia.com...
          > Hi all, first off, want to thank you guys for being willing to help. you
          > do us
          > great justice.
          >
          > I have a small problem, I'm re-creating a previous website, and there's
          > one
          > effect I'm having trouble with. I'm not sure how to describe it, other
          > than
          > when you resize the window everything inside (the contents) squishes, or
          > moves
          > above the background in order to fit in the alloted space. for instance,
          >
          > This website, when you re-size the window the form and content inside move
          > with it, so that you can see everything and yet the window doesn't have to
          > be
          > full sized.
          >
          > Thanks a lot. : )
          >


          • 2. Re: Body/background scrunch?
            soul_runnin Level 1
            Hey Murray, let me be more specific.

            You can reach my website at http://timsalcove.com

            the re-sizing affect on this page is what I'm trying to re-create in another website, however, it remains static.

            Here is the code for the website I'm having trouble with:

            • 3. Re: Body/background scrunch?
              Level 7
              The "resizing" is due to two things:

              1. The table at the top that holds the circular buttons is center aligned,
              and its cells are percent sized, and
              2. The image below is within a paragraph tag that is center aligned

              That's it.



              --
              Murray --- ICQ 71997575
              Adobe Community Expert
              (If you *MUST* email me, don't LAUGH when you do so!)
              ==================
              http://www.dreamweavermx-templates.com - Template Triage!
              http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
              http://www.dwfaq.com - DW FAQs, Tutorials & Resources
              http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
              ==================


              "soul runnin" <webforumsuser@macromedia.com> wrote in message
              news:fcv2b5$h4$1@forums.macromedia.com...
              > Hey Murray, let me be more specific.
              >
              > You can reach my website at http://timsalcove.com
              >
              > the re-sizing affect on this page is what I'm trying to re-create in
              > another
              > website, however, it remains static.
              >
              > Here is the code for the website I'm having trouble with:
              >
              >
              >
              > <!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">
              > <head>
              > <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
              > <title>Untitled Document</title>
              > <style type="text/css">
              > <!--
              > body {
              > background-repeat: no-repeat;
              > background-image: url(Tim%27s%20Alcove/Images/High.jpg);
              > background-color: #000000;
              > background-position: center;
              > }
              > -->
              > </style>
              > <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
              > <script type="text/javascript">
              > <!--
              > function MM_preloadImages() { //v3.0
              > var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
              > var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
              > i<a.length;
              > i++)
              > if (a .indexOf("#")!=0){ d.MM_p[j]=new Image;
              > d.MM_p[j++].src=a
              ;}}
              > }
              > //-->
              > </script>
              > <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css"
              > />
              > </head>
              >
              > <body>
              > <table width="100%" border="0" cellpadding="0" cellspacing="0">
              > <!--DWLayoutTable-->
              > <tr>
              > <td width="177" height="28"> </td>
              > <td width="144"> </td>
              > <td width="153"> </td>
              > <td width="70"> </td>
              > <td width="44"> </td>
              > <td width="100%"> </td>
              > <td width="223"> </td>
              > <td width="45"> </td>
              > <td width="334"> </td>
              > </tr>
              > <tr>
              > <td height="79"> </td>
              > <td> </td>
              > <td colspan="5" valign="top"><!--DWLayoutEmptyCell--> </td>
              > <td> </td>
              > <td> </td>
              > </tr>
              > <tr>
              > <td height="118"> </td>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > </tr>
              >
              >
              >
              > <tr>
              > <td height="418"> </td>
              > <td colspan="2" valign="top"><div align="center"><img src="Tim's
              > Alcove/title-guestbook copy.jpg" width="144" height="418" /></div></td>
              > <td> </td>
              > <td> </td>
              > <td colspan="3" valign="top"><img src="Tim's
              > Alcove/Images/White-Rabbit-Close.jpg" width="473" height="401" /></td>
              > <td> </td>
              > </tr>
              >
              >
              >
              > <tr>
              > <td height="50"></td>
              > <td></td>
              > <td></td>
              > <td></td>
              > <td></td>
              > <td></td>
              > <td></td>
              > <td></td>
              > <td></td>
              > </tr>
              >
              > <tr>
              > <td height="20"> </td>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > <td colspan="2" valign="top"><!--DWLayoutEmptyCell--> </td>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > </tr>
              > <tr>
              > <td height="38"> </td>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > </tr><tr><td height="1"><img src="Tim's Alcove/spacer.gif" alt=""
              > width="177" height="1" /></td>
              > <td><img src="Tim's Alcove/spacer.gif" alt="" width="144" height="1"
              > /></td>
              > <td><img src="Tim's Alcove/spacer.gif" alt="" width="153" height="1"
              > /></td>
              > <td><img src="Tim's Alcove/spacer.gif" alt="" width="70" height="1"
              > /></td>
              > <td><img src="Tim's Alcove/spacer.gif" alt="" width="44" height="1"
              > /></td>
              > <td></td>
              > <td><img src="Tim's Alcove/spacer.gif" alt="" width="223" height="1"
              > /></td>
              > <td><img src="Tim's Alcove/spacer.gif" alt="" width="45" height="1"
              > /></td>
              > <td><img src="Tim's Alcove/spacer.gif" alt="" width="334" height="1"
              > /></td>
              > </tr>
              > </table>
              > <script type="text/javascript">
              > <!--
              > var Accordion1 = new Spry.Widget.Accordion("Accordion1");
              > //-->
              > </script>
              > </body>
              > </html>
              >


              • 4. Re: Body/background scrunch?
                Level 7
                On Thu, 20 Sep 2007 20:56:10 -0400, "Murray *ACE*"
                <forums@HAHAgreat-web-sights.com> wrote:

                >The "resizing" is due to two things:
                >
                >1. The table at the top that holds the circular buttons is center aligned,
                >and its cells are percent sized, and
                >2. The image below is within a paragraph tag that is center aligned
                >
                >That's it.


                The troublesome page includes <!--DWLayoutTable--> and that will never
                accomodate resizing well. GET OUT OF LAYOUT MODE!!! Please?