3 Replies Latest reply: Aug 23, 2007 4:09 PM by Newsgroup_User RSS

    Two columns

    BruceCSI2 Community Member
      Okay, I got hooked into some other projects, so I'm a little rusty. Anyway, I've got a 2 column layout, with the left column shorter than the right column. How do I keep the right column from scooting below the left column when the page is resized? I've tried float: left (for the left column) and float: right (for the right), but that just shoves the right column way over.
      Thanks
        • 1. Re: Two columns
          Newsgroup_User Community Member
          Are the columns fixed width? Have you tried floating them both left?

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


          "BruceCSI2" <webforumsuser@macromedia.com> wrote in message
          news:fakt40$3dp$1@forums.macromedia.com...
          > Okay, I got hooked into some other projects, so I'm a little rusty.
          > Anyway,
          > I've got a 2 column layout, with the left column shorter than the right
          > column.
          > How do I keep the right column from scooting below the left column when
          > the
          > page is resized? I've tried float: left (for the left column) and float:
          > right
          > (for the right), but that just shoves the right column way over.
          > Thanks
          >


          • 2. Re: Two columns
            BruceCSI2 Community Member
            Yes, I've tried floating both left. Here's the CSS:
            (Left column)
            #navigation {
            position:relative;
            width:145px;
            background-image:url(../images/border-right.jpg);
            background-repeat:repeat-y;
            margin-top:0px;
            margin-left:0px;
            float:left;
            }

            (Right column)
            #content {
            position:relative;
            width:600px;
            margin-left:10px;
            margin-top:5px;
            float:left;
            padding-left:3px;
            }
            • 3. Re: Two columns
              Newsgroup_User Community Member
              No need for the positioning there. Can you show me the page, please?

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


              "BruceCSI2" <webforumsuser@macromedia.com> wrote in message
              news:fal3su$adq$1@forums.macromedia.com...
              > Yes, I've tried floating both left. Here's the CSS:
              > (Left column)
              > #navigation {
              > position:relative;
              > width:145px;
              > background-image:url(../images/border-right.jpg);
              > background-repeat:repeat-y;
              > margin-top:0px;
              > margin-left:0px;
              > float:left;
              > }
              >
              > (Right column)
              > #content {
              > position:relative;
              > width:600px;
              > margin-left:10px;
              > margin-top:5px;
              > float:left;
              > padding-left:3px;
              > }
              >