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
    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan

  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