1 Reply Latest reply: Mar 28, 2011 9:05 AM by osgood_ RSS

    Creating sections on a web page

    ryanlafleur Community Member

      I am trying to add three columns mithin the main context section of a dreamweaver template under a row the runs the whole length of the page (960 px).  I can't figure out how to do that. I've tried using the 960 extension from DMXZone but the page just dosent look right.

        • 1. Re: Creating sections on a web page
          osgood_ CommunityMVP

          Just add three <div>s to your code where you want the columns to appear (as shown below).

           

          <div id="colOne">Column One</div>

          <div id="colTwo">Column Two</div>

          <div id="colThree">Column Three</div>

           

          Then use some css to arrange them side-by-side (as shown)

           

          #colOne, #colTwo, #colThree {

          float: left;

          width: 320px;

          }

           

           

          Each <div> is 320px wide so make sure there is enough width in your design to accomodate that width (960px)