Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jun 2009
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Post How to make Div's automaticly flow to next div

    How could i get a div to automatically flow from one div to another. I use my div's to make columns so i have a div that holds them all then i have another div for each column, i have three. How can I make the div's flow to one another if there is more space. For example if someone has a big screen and there is enough space for another column then it would automatically be created and the other div's would even out the content to make them all around the same size. Also if the screen was too small to fit three div's it would change to only two columns and again even out the columns. I don't know if this can be done in css or JavaScript or even html but whatever the language can someone please tell me how to do it.

    Thanks in advance.

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,471
    Thanks
    6
    Thanked 980 Times in 953 Posts
    Currently not possible without some advanced manipulation through JS. A multi-column layout will eventually become a module in CSS3 but this isn’t supported by most of the browsers yet as far as I know. There’s a script that’ll do what you want, though: http://csscripting.com/wiki/index.ph...3_Multi_Column

    However, note that this kind of layout is kinda frowned upon among professional web developers since it may lead to usability issues (if the columns get too long for the viewport you have to scroll down and up to read everything).

  • Users who have thanked VIPStephan for this post:

    pcmaster160 (06-03-2009)

  • #3
    New to the CF scene
    Join Date
    Jun 2009
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts
    thanks! i'll try this script tomorrow!


  •  

    Tags for this Thread

    Posting Permissions

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