1 Reply Latest reply on Oct 9, 2006 4:12 AM by Newsgroup_User

    Centering Layout when using  z-index

    BSGCBS
      Please help anyone if you can. I have a layout design that is not yet on the web that is structured in the following manner:

      Body
      Wrapper
      Header - Graphic set at Z-index 100
      NavTop - Horizontal Pop Menu magic Navigation with CSS setting at z-index1000
      Container
      MainInfo
      NavLeft
      NavRight
      Footer

      The Css for the Body and Footer are:

      body {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      text-align: center;
      margin: 0px;
      padding: 0px;

      }

      #wrapper {
      width: 780px;
      position: relative;
      margin-left:auto;
      margin-right: auto;

      }

      The page is not centering unless I delete the Header and Navtop. When I do so I then see the Wrapper div, but the wrapper does not extend down the rest of the page and include the other divs. Also, the wrapper div does not center unless I type some text in it. I have checked and rechecked my divs to make sure I have the right amount of <Div> and </Div>. Any help would be greatly appreciated since the only benefit I had from working on this all day is that I didn't pay too much attention to the shellacking the Redskins took from the Giants.
        • 1. Re: Centering Layout when using  z-index
          Level 7
          > The page is not centering unless I delete the Header and Navtop.

          This would imply that neither of them are within #wrapper. Can you post a
          link to the page?

          > but the wrapper does not extend down the rest of
          > the page and include the other divs.

          This would imply that you have not cleared your floats before closing
          #wrapper.

          > shellacking the Redskins took from the
          > Giants.

          This would imply that on that day, at that hour, the Giants were the better
          team!

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


          "BSGCBS" <webforumsuser@macromedia.com> wrote in message
          news:egci3d$fdr$1@forums.macromedia.com...
          > Please help anyone if you can. I have a layout design that is not yet on
          > the
          > web that is structured in the following manner:
          >
          > Body
          > Wrapper
          > Header - Graphic set at Z-index 100
          > NavTop - Horizontal Pop Menu magic Navigation with CSS setting at
          > z-index1000
          > Container
          > MainInfo
          > NavLeft
          > NavRight
          > Footer
          >
          > The Css for the Body and Footer are:
          >
          > body {
          > font-family: Verdana, Arial, Helvetica, sans-serif;
          > font-size: 12px;
          > text-align: center;
          > margin: 0px;
          > padding: 0px;
          >
          > }
          >
          > #wrapper {
          > width: 780px;
          > position: relative;
          > margin-left:auto;
          > margin-right: auto;
          >
          > }
          >
          > The page is not centering unless I delete the Header and Navtop. When I
          > do so
          > I then see the Wrapper div, but the wrapper does not extend down the rest
          > of
          > the page and include the other divs. Also, the wrapper div does not
          > center
          > unless I type some text in it. I have checked and rechecked my divs to
          > make
          > sure I have the right amount of <Div> and </Div>. Any help would be
          > greatly
          > appreciated since the only benefit I had from working on this all day is
          > that I
          > didn't pay too much attention to the shellacking the Redskins took from
          > the
          > Giants.
          >
          >