How to build a panel that autostretch vertical

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

  1. #1

    Default How to build a panel that autostretch vertical

    Want to bulid a vertical panel that stretches just like the beige panel on the
    left hand side of the example shown on the link below. Please email if anyone
    has any suggestions. Thanks

    [url]http://www.astonmartin.co.nz/[/url]

    [email]kurtzds@aol.com[/email]

    Mike Kurtz Guest

  2. Similar Questions and Discussions

    1. Combine Spry Tabbed Panel and Spry HTML Panel
      I would like to maintain the presentation of the tabbed panel and utilize its ability to load content from a Spry Dataset, but I would also like to...
    2. Vertical Ruling - PLEASE HELP!
      I am working on an HTML email for my company, and my boss wants rulings separating each column from each other. I have found a way to put in a...
    3. Vertical color bar using CSS?
      Is there a way using a style sheet to insert a vertical color bar? I would like to have an "anchor" for my slider menu (global navigation) along the...
    4. autostretch madness
      so ive been using DW fora few years and all of a suddenive come across this madness wheni started using DW04, autostretch on the height (100%) code ...
    5. Make Row Autostretch
      I understand how to make a column autostretch so it stretches to the width of the browser window. Is there a way to make a row autostretch so it...
  3. #2

    Default Re: How to build a panel that autostretch vertical

    Look at this in IE and you can see the top div. FF doesn't show it because
    nothing is in it.
    Both browsers show the full height column.

    <!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">
    html,body {
    height: 100%;
    }
    #wrapper {
    height:100%;
    width:800px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    }
    #top {
    border: thin solid #CC0000;
    background-color: #FFFF00;
    }
    #bottom {
    background-image: url(167.jpg);
    background-repeat: repeat-y;
    height: 100%;
    }
    </style>
    </head>
    <body>
    <div id="wrapper">
    <div id="top"><img src="0V10 Bronco.JPG" width="464" height="334" /></div>
    <div id="bottom"></div>
    </div>
    </body>
    </html>

    Excavatorak Guest

  4. #3

    Default Re: How to build a panel that autostretch vertical

    Why not just do that with a 'faux column' - a page background that tiles
    vertically?

    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver
    (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
    ==================


    "Excavatorak" <stewart@nopeople.com> wrote in message
    news:dtgunr$a5h$1@forums.macromedia.com...
    > Look at this in IE and you can see the top div. FF doesn't show it because
    > nothing is in it.
    > Both browsers show the full height column.
    >
    > <!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">
    > html,body {
    > height: 100%;
    > }
    > #wrapper {
    > height:100%;
    > width:800px;
    > margin-top: 0px;
    > margin-right: auto;
    > margin-bottom: 0px;
    > margin-left: auto;
    > }
    > #top {
    > border: thin solid #CC0000;
    > background-color: #FFFF00;
    > }
    > #bottom {
    > background-image: url(167.jpg);
    > background-repeat: repeat-y;
    > height: 100%;
    > }
    > </style>
    > </head>
    > <body>
    > <div id="wrapper">
    > <div id="top"><img src="0V10 Bronco.JPG" width="464" height="334" /></div>
    > <div id="bottom"></div>
    > </div>
    > </body>
    > </html>
    >

    Murray *TMM* Guest

  5. #4

    Default Re: How to build a panel that autostretch vertical

    Yes, that's how I made that example.
    Excavatorak Guest

  6. #5

    Default Re: How to build a panel that autostretch vertical

    Oh - apologies. I see it now....

    I think that's the right way to do it.

    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver
    (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
    ==================


    "Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
    news:dths5n$lqf$1@forums.macromedia.com...
    > Why not just do that with a 'faux column' - a page background that tiles
    > vertically?
    >
    > --
    > Murray --- ICQ 71997575
    > Team Macromedia Volunteer for Dreamweaver
    > (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
    > ==================
    >
    >
    > "Excavatorak" <stewart@nopeople.com> wrote in message
    > news:dtgunr$a5h$1@forums.macromedia.com...
    >> Look at this in IE and you can see the top div. FF doesn't show it
    >> because
    >> nothing is in it.
    >> Both browsers show the full height column.
    >>
    >> <!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">
    >> html,body {
    >> height: 100%;
    >> }
    >> #wrapper {
    >> height:100%;
    >> width:800px;
    >> margin-top: 0px;
    >> margin-right: auto;
    >> margin-bottom: 0px;
    >> margin-left: auto;
    >> }
    >> #top {
    >> border: thin solid #CC0000;
    >> background-color: #FFFF00;
    >> }
    >> #bottom {
    >> background-image: url(167.jpg);
    >> background-repeat: repeat-y;
    >> height: 100%;
    >> }
    >> </style>
    >> </head>
    >> <body>
    >> <div id="wrapper">
    >> <div id="top"><img src="0V10 Bronco.JPG" width="464" height="334"
    >> /></div>
    >> <div id="bottom"></div>
    >> </div>
    >> </body>
    >> </html>
    >>
    >
    >

    Murray *TMM* Guest

  7. #6

    Default Re: How to build a panel that autostretch vertical

    I have to admit that I am not the most proficient in Dreamweaver. I went to the
    link [url]http://nopeople.com/webfiles/[/url] and open up the file to analyze how it was
    constructed and kinda of get the concept. But what I don't understand is that
    if you go the the web site that I am trying to simulate the page -
    [url]http://www.astonmartin.co.nz/[/url] and go to the source file for this page it is
    constructed with tables and this scrolling beige panel scrolls vertically in
    the background. With the way you built the page how do I incorporate tables and
    have this panel scroll vertically with the browser?

    Mike Kurtz Guest

  8. #7

    Default Re: How to build a panel that autostretch vertical

    I think I see what your asking Mike, the column I made scrolls the way you
    want. To add more to the website you need to learn how to float divs - go back
    to [url]http://www.nopeople.com/wefiles[/url] to see how I've added to the first bit.

    Excavatorak 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