Home/ Questions/Q 6782651
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T16:46:08+00:00

So I need to align columns, with divs that have a set width inside

  • 0

So I need to align columns, with divs that have a set width inside a parent that has a max-height of the screensize.

So, for example:

[div]
[div]
[div]
[div]

Would be the max height, but if we go an extra div it needs to do this:

[div][new_div]
[div]
[div]
[div]

and so on. So once it hits the max height (of the screensize, or whatever) the divs needs to auto column over and align to the top right.

In summary:

A maximum of 2 columns, filled with data that stacks upon eachother [one after the other, veritcally]. Once it hits the max width [which is the screensize] I need it to automatically create a new column to hold the new rows.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Hm…that’s tricky. You might be able to use CSS3 columns to pull this off, though they aren’t supported in IE as far as I know.

    Since you said your <div>s have a set width, you could make that width the width of the column. Then when the stack of <div>s fill up the allotted vertical space, they should overflow into a new column.

    • 0