1 Reply Latest reply on Jun 30, 2007 4:11 AM by Newsgroup_User

    Making divs behave

    Level 1
      Hello Experts,

      The page linked here L=Text]http://www.arrica.com/wink/about.htm[/L] example is a typical page that I am using as a template, even though It is not a real template. Why is another issue.

      On the page, divMiddle grows bigger than its container, divWrapper. If you examine the CSS, you will see that I have set the height of divWrapper at 1250px, which is a good height for a different page. (I knew I wouldn't get away with that shortcut).

      If I delete the height declaration for divWrapper, it shrinks to some default minimal height. Can someone tell me the trick of making divWrapper grow in height to contain divMiddle and divFooter --growing in height to accommodate any amount of text?

      Thanks so much in advance, and as usual, for the extremely helpful advice I always get in this forum

        • 1. Re: Making divs behave
          Level 7
          > If you examine the CSS, you will see that I have set the
          > height of divWrapper at 1250px, which is a good height for a different
          > page.
          > (I knew I wouldn't get away with that shortcut).

          I would recommend that you avoid setting div heights, unless you have a
          particular reason to do so.

          I would also recommend that you avoid using those menus at all costs.
          Here's what the person who adapted that code for Macromedia has to say about
          them -

          http://www.losingfight.com/blog/2006/08/11/the-sordid-tale-of-mm_menufw_menujs/

          Finally, I would recommend that you read about floats and how to manage
          them. This is what is causing you problems. Take the height off of
          divWrapper, and clear the float before closing it, and your problems will go
          away.

          --
          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
          ==================


          "RTalbott" <webforumsuser@macromedia.com> wrote in message
          news:f64m4a$s76$1@forums.macromedia.com...
          > Hello Experts,
          >
          > The page linked here
          > L=Text]http://www.arrica.com/wink/about.htmhttp://www.arrica.com/wink/about.htm
          > is a typical page that I am using as a template, even though It is not a
          > real
          > template. Why is another issue.
          >
          > On the page, divMiddle grows bigger than its container,
          > divWrapper. If you examine the CSS, you will see that I have set
          > the
          > height of divWrapper at 1250px, which is a good height for a different
          > page.
          > (I knew I wouldn't get away with that shortcut).
          >
          > If I delete the height declaration for divWrapper, it shrinks to some
          > default
          > minimal height. Can someone tell me the trick of making divWrapper grow
          > in
          > height to contain divMiddle and divFooter --growing in height to
          > accommodate
          > any amount of text?
          >
          > Thanks so much in advance, and as usual, for the extremely helpful advice
          > I
          > always get in this forum
          >
          >
          >