#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2011
    Posts
    14
    Rep Power
    0

    3 columns overflow "down" not to the side


    Hi

    I am trying to use a div height of 70% of the screen height. This is no problem. Then in the div I want to print out various text files of different lengths. I also want the text to be in 3 a column format. Again this is no problem. Lastly I want the overflow text to go down not to the side. It automatically goes to the right and the scroll bar moves to the bottom and scrolls to the right.

    How to I force the overflow to go down, just like it would if there were no columns?

    http://wyght.com/grief/col3.php


    Code:
    #col3
    {
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
    column-count:3;
    }
    
    /*
    for the div tag that I want to be 70% height
    */
    
    
       height: 70%;
       overflow-y: scroll;
    How do I make or force the overflow text to go down and not to the right?
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2012
    Posts
    9
    Rep Power
    0
    overflow:hidden;
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2012
    Posts
    9
    Rep Power
    0

    Question


    calculate container div width and 3 columns width and padding, margin, properly

IMN logo majestic logo threadwatch logo seochat tools logo