stretching page width

Ask a Question related to Macromedia Dynamic HTML, Design and Development.

  1. #1

    Default stretching page width

    I am designing a webpage that has boxes in the center with spaces between them.
    I want to be able to have the screen stretch for wide screens, but still have
    the main portion of my webpage stay the same size and shape. i've added a
    column on each side of the main body and wonder if there is some way to make
    those columns stretch, but leave the center portion intact.

    web address:

    [url]http://www.oakstreethaven.com/test%20home%20page2.html[/url]

    code is attached.

    thanks for your help.

    <!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=iso-8859-1" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body {
    margin-left: 1px;
    margin-top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    }
    -->
    </style></head>
    <table width="1002" height="828" border="0" cellpadding="0" cellspacing="1">
    <tr>
    <td height="19">&nbsp;</td>
    <td width="8" rowspan="9"><img src="" width="3" height="794" alt=""
    style="background-color:

    #339933" /></td>
    <td height="19" colspan="7"><img src="" width="770" height="3" alt=""

    style="background-color: #339933" /></td>
    <td width="6" rowspan="9"><div align="right"><img src="" width="3"
    height="794" alt=""

    style="background-color: #339933" /></div></td>
    <td height="19">&nbsp;</td>
    </tr>
    <tr>
    <td width="111">&nbsp;</td>
    <td height="100" colspan="7"><div align="center"><img src="Oak Street
    graphics/Home Page/top

    banner.jpg" width="770" height="100" alt="" /></div></td>
    <td width="95">&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td height="19" colspan="7"><img src="" width="770" height="3" alt=""

    style="background-color: #339933" /></td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td width="111">&nbsp;</td>
    <td height="100"><div align="center"><img src="Oak Street graphics/Home
    Page/logo.jpg"

    alt="" name="home" width="110" height="83" id="home" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td><div align="center"><img name="" src="Oak Street graphics/Home
    Page/front.jpg"

    width="110" height="110" alt="" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home Page/spacer
    line.jpg"

    alt="SpacerGrn" name="MainGrn" width="110" height="110" id="MainGrn"
    /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td width="95">&nbsp;</td>
    </tr>
    <tr>
    <td width="111"><img src="Oak Street graphics/Home Page/white.jpg" alt=""
    name="home"

    width="110" height="110" id="home" /></td>
    <td width="110" height="100"><div align="center"><img src="Oak Street
    graphics/Home

    Page/neutralorig.jpg" alt="" name="Neutral" width="110" height="110"
    id="Neutral" /></div></td>
    <td width="110"><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg"

    alt="" name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td width="110"><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg"

    alt="" name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td width="110"><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg"

    alt="" name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td width="110"><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg"

    alt="" name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td width="110"><div align="center"><img src="Oak Street graphics/Home
    Page/cash

    register.jpg" alt="SpacerGrn" name="MainGrn" width="110" height="110"
    id="MainGrn" /></div></td>
    <td width="110"><div align="center"><img src="Oak Street graphics/Home
    Page/banner.jpg"

    alt="SpacerGrn" name="MainGrn" width="110" height="110" id="MainGrn"
    /></div></td>
    <td width="95">&nbsp;</td>
    </tr>
    <tr>
    <td width="111"><img src="Oak Street graphics/Home Page/white.jpg" alt=""
    name="home"

    width="110" height="110" id="home" /></td>
    <td height="100"><div align="center"><img src="Oak Street graphics/Home

    Page/neutralorig.jpg" alt="" name="Neutral" width="110" height="110"
    id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home Page/cards.jpg"
    alt="SpacerGrn"

    name="MainGrn" width="110" height="110" id="MainGrn" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home Page/wide
    spacer line.jpg"

    alt="SpacerGrn" name="MainGrn" width="110" height="110" id="MainGrn"
    /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td width="95">&nbsp;</td>
    </tr>
    <tr>
    <td width="111"><img src="Oak Street graphics/Home Page/white.jpg" alt=""
    name="home"

    width="110" height="110" id="home" /></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/working.jpg" alt="SpacerGrn"

    name="MainGrn" width="110" height="110" id="MainGrn" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutral.jpg" alt="SpacerGrn"

    name="MainGrn" width="110" height="110" id="MainGrn" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td width="95">&nbsp;</td>
    </tr>
    <tr>
    <td width="111"><img src="Oak Street graphics/Home Page/white.jpg" alt=""
    name="home"

    width="110" height="110" id="home" /></td>
    <td height="100"><div align="center"><img src="Oak Street graphics/Home
    Page/coffee.jpg"

    alt="SpacerGrn" name="MainGrn" width="110" height="110" id="MainGrn"
    /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home Page/font.jpg"
    alt="SpacerGrn"

    name="MainGrn" width="110" height="110" id="MainGrn" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td width="95">&nbsp;</td>
    </tr>
    <tr>
    <td width="111"><img src="Oak Street graphics/Home Page/white.jpg" alt=""
    name="home"

    width="110" height="110" id="home" /></td>
    <td height="100"><div align="center"><img src="Oak Street graphics/Home

    Page/neutralorig.jpg" alt="" name="Neutral" width="110" height="110"
    id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/gazebo.jpg" alt="SpacerGrn"

    name="MainGrn" width="110" height="110" id="MainGrn" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home Page/spacer
    line.jpg"

    alt="SpacerGrn" name="MainGrn" width="110" height="110" id="MainGrn"
    /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home
    Page/neutralorig.jpg" alt=""

    name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    <td><div align="center"><img src="Oak Street graphics/Home Page/logo.jpg"
    alt="" name="home"

    width="110" height="83" id="home" /></div></td>
    <td width="95">&nbsp;</td>
    </tr>
    <tr>
    <td
    Haaga Guest

  2. Similar Questions and Discussions

    1. Change page title field width
      Not sure if this is the right forum, but I would like to make a change to the Dreamweaver interface. The text box that shows the page title is too...
    2. Page Width - Backwards Compatibility
      Hi, I am led to believe that approx 50% of the world's population operate at a screen resolution of <= 800 X 600 DPI . What is the best page /...
    3. Page Width
      When I print to Distiller it is version 4, I read with Reader 6. It sounds like I need Distiller 6, or rather the full version of Acrobat 6, to be...
    4. Web page length and width...
      refer to http://www.davidbartosik.com/pub2002/pub2002_21.htm and http://www.davidbartosik.com/pub2002/pub2002_17.htm -- David Bartosik -...
    5. Extending a layer across 100% of the width of the page
      Hey all I know I'm missing the code that goes into .css that extends the bg- will it work with layers? Can I get the code? Thanks!! BR
  3. #2

    Default Re: stretching page width

    Make the outer columns have a width of 100% and the inner column, a width of
    your desired width.

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


    "Haaga" <webforumsuser@macromedia.com> wrote in message
    news:efjuu9$lpf$1@forums.macromedia.com...
    >I am designing a webpage that has boxes in the center with spaces between
    >them.
    > I want to be able to have the screen stretch for wide screens, but still
    > have
    > the main portion of my webpage stay the same size and shape. i've added a
    > column on each side of the main body and wonder if there is some way to
    > make
    > those columns stretch, but leave the center portion intact.
    >
    > web address:
    >
    > [url]http://www.oakstreethaven.com/test%20home%20page2.html[/url]
    >
    > code is attached.
    >
    > thanks for your help.
    >
    > <!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=iso-8859-1" />
    > <title>Untitled Document</title>
    > <style type="text/css">
    > <!--
    > body {
    > margin-left: 1px;
    > margin-top: 1px;
    > margin-right: 1px;
    > margin-bottom: 1px;
    > }
    > -->
    > </style></head>
    > <table width="1002" height="828" border="0" cellpadding="0"
    > cellspacing="1">
    > <tr>
    > <td height="19">&nbsp;</td>
    > <td width="8" rowspan="9"><img src="" width="3" height="794" alt=""
    > style="background-color:
    >
    > #339933" /></td>
    > <td height="19" colspan="7"><img src="" width="770" height="3" alt=""
    >
    > style="background-color: #339933" /></td>
    > <td width="6" rowspan="9"><div align="right"><img src="" width="3"
    > height="794" alt=""
    >
    > style="background-color: #339933" /></div></td>
    > <td height="19">&nbsp;</td>
    > </tr>
    > <tr>
    > <td width="111">&nbsp;</td>
    > <td height="100" colspan="7"><div align="center"><img src="Oak Street
    > graphics/Home Page/top
    >
    > banner.jpg" width="770" height="100" alt="" /></div></td>
    > <td width="95">&nbsp;</td>
    > </tr>
    > <tr>
    > <td>&nbsp;</td>
    > <td height="19" colspan="7"><img src="" width="770" height="3" alt=""
    >
    > style="background-color: #339933" /></td>
    > <td>&nbsp;</td>
    > </tr>
    > <tr>
    > <td width="111">&nbsp;</td>
    > <td height="100"><div align="center"><img src="Oak Street
    > graphics/Home
    > Page/logo.jpg"
    >
    > alt="" name="home" width="110" height="83" id="home" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td><div align="center"><img name="" src="Oak Street graphics/Home
    > Page/front.jpg"
    >
    > width="110" height="110" alt="" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home Page/spacer
    > line.jpg"
    >
    > alt="SpacerGrn" name="MainGrn" width="110" height="110" id="MainGrn"
    > /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td width="95">&nbsp;</td>
    > </tr>
    > <tr>
    > <td width="111"><img src="Oak Street graphics/Home Page/white.jpg"
    > alt=""
    > name="home"
    >
    > width="110" height="110" id="home" /></td>
    > <td width="110" height="100"><div align="center"><img src="Oak Street
    > graphics/Home
    >
    > Page/neutralorig.jpg" alt="" name="Neutral" width="110" height="110"
    > id="Neutral" /></div></td>
    > <td width="110"><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg"
    >
    > alt="" name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td width="110"><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg"
    >
    > alt="" name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td width="110"><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg"
    >
    > alt="" name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td width="110"><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg"
    >
    > alt="" name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td width="110"><div align="center"><img src="Oak Street graphics/Home
    > Page/cash
    >
    > register.jpg" alt="SpacerGrn" name="MainGrn" width="110" height="110"
    > id="MainGrn" /></div></td>
    > <td width="110"><div align="center"><img src="Oak Street graphics/Home
    > Page/banner.jpg"
    >
    > alt="SpacerGrn" name="MainGrn" width="110" height="110" id="MainGrn"
    > /></div></td>
    > <td width="95">&nbsp;</td>
    > </tr>
    > <tr>
    > <td width="111"><img src="Oak Street graphics/Home Page/white.jpg"
    > alt=""
    > name="home"
    >
    > width="110" height="110" id="home" /></td>
    > <td height="100"><div align="center"><img src="Oak Street
    > graphics/Home
    >
    > Page/neutralorig.jpg" alt="" name="Neutral" width="110" height="110"
    > id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/cards.jpg"
    > alt="SpacerGrn"
    >
    > name="MainGrn" width="110" height="110" id="MainGrn" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home Page/wide
    > spacer line.jpg"
    >
    > alt="SpacerGrn" name="MainGrn" width="110" height="110" id="MainGrn"
    > /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td width="95">&nbsp;</td>
    > </tr>
    > <tr>
    > <td width="111"><img src="Oak Street graphics/Home Page/white.jpg"
    > alt=""
    > name="home"
    >
    > width="110" height="110" id="home" /></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/working.jpg" alt="SpacerGrn"
    >
    > name="MainGrn" width="110" height="110" id="MainGrn" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutral.jpg" alt="SpacerGrn"
    >
    > name="MainGrn" width="110" height="110" id="MainGrn" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td width="95">&nbsp;</td>
    > </tr>
    > <tr>
    > <td width="111"><img src="Oak Street graphics/Home Page/white.jpg"
    > alt=""
    > name="home"
    >
    > width="110" height="110" id="home" /></td>
    > <td height="100"><div align="center"><img src="Oak Street
    > graphics/Home
    > Page/coffee.jpg"
    >
    > alt="SpacerGrn" name="MainGrn" width="110" height="110" id="MainGrn"
    > /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/font.jpg"
    > alt="SpacerGrn"
    >
    > name="MainGrn" width="110" height="110" id="MainGrn" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td width="95">&nbsp;</td>
    > </tr>
    > <tr>
    > <td width="111"><img src="Oak Street graphics/Home Page/white.jpg"
    > alt=""
    > name="home"
    >
    > width="110" height="110" id="home" /></td>
    > <td height="100"><div align="center"><img src="Oak Street
    > graphics/Home
    >
    > Page/neutralorig.jpg" alt="" name="Neutral" width="110" height="110"
    > id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/gazebo.jpg" alt="SpacerGrn"
    >
    > name="MainGrn" width="110" height="110" id="MainGrn" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home Page/spacer
    > line.jpg"
    >
    > alt="SpacerGrn" name="MainGrn" width="110" height="110" id="MainGrn"
    > /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/neutralorig.jpg" alt=""
    >
    > name="Neutral" width="110" height="110" id="Neutral" /></div></td>
    > <td><div align="center"><img src="Oak Street graphics/Home
    > Page/logo.jpg"
    > alt="" name="home"
    >
    > width="110" height="83" id="home" /></div></td>
    > <td width="95">&nbsp;</td>
    > </tr>
    > <tr>
    > <td

    Murray *ACE* Guest

  4. #3

    Default Re: stretching page width

    I can't preview that code at the moment, but you could set the tables to have a percentage width instead of a fixed size. Then it will adjust its self for various resolutions.
    sebsinclair1984 Guest

  5. #4

    Default Re: stretching page width

    Thank you for responding. I have the table width set at 100%, but I don't want
    the main body of the webpage to expand. I only want the left and right margins
    to expand. And I would like them to expand uniformly. A perfect example is
    [url]www.msn.com[/url]
    I really like how both sides of the main body expand uniformly when you make
    it full screen. Do you know how to do that?

    Haaga Guest

  6. #5

    Default Re: stretching page width

    Yes - you would do it the way I explained earlier. Using tables, make the
    left and right columns a fixed width, and the center column a percent width.

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


    "Haaga" <webforumsuser@macromedia.com> wrote in message
    news:efohgn$sqc$1@forums.macromedia.com...
    > Thank you for responding. I have the table width set at 100%, but I don't
    > want
    > the main body of the webpage to expand. I only want the left and right
    > margins
    > to expand. And I would like them to expand uniformly. A perfect example
    > is
    > [url]www.msn.com[/url]
    > I really like how both sides of the main body expand uniformly when you
    > make
    > it full screen. Do you know how to do that?
    >

    Murray *ACE* Guest

Posting Permissions

  • You may not post new threads
  • You may post replies
  • You may not post attachments
  • You may not edit your posts

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139