dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: how to split page into 3 columns with DIV

  1. #1
    Join Date
    Aug 2006
    Posts
    152

    how to split page into 3 columns with DIV

    hi every1

    i need a simple way to split the page to 3 columns using DIVs, i know how to do it with 2 columns (navigator and the main page), but i need 2 navigators one on the left and the other on the right..

    any helo??

  2. #2
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715

  3. #3
    Join Date
    Jan 2008
    Location
    Venezuela
    Posts
    50
    Quote Originally Posted by SZero
    hi every1

    i need a simple way to split the page to 3 columns using DIVs, i know how to do it with 2 columns (navigator and the main page), but i need 2 navigators one on the left and the other on the right..

    any helo??
    Note that this is a minimum code. You can add something else you need to complete it
    ============================================
    /*CSS code*/
    .bar
    {
    width:200px;
    }

    #left
    {
    float:left;
    }

    #right
    {
    float:right;
    }

    #center
    {
    margin-left:200px;
    margin-right:200px;
    }

    #myText
    {
    width:80%;
    margin:0 auto;
    }

    <!--xhtml code-->
    <div>
    <div id="left" class="bar"></div>
    <div id="right" class="bar"></div>
    <div id="center">
    <div id="myText">

    </div>
    </div>
    </div>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles