21289 Posts in 5733 Topics by 2602 members
|
Page:
1
|
Go to End | |
| Author | Topic: | 505 Views |
-
Content expand to the second column

4 June 2011 at 11:32am
Hi guys,
I have a long list in the main Content. And I want two fixed height columns. If the the content reaches the end of left column, then automatically continue the rest of the content in the right column. The difficulties is that I don't want to field for content input since the user won't know when the content reach the height of the left column....
I have no idea how to do, shouldn't be hard, right?
Thanks for any help!
-
Re: Content expand to the second column

7 June 2011 at 4:39am
Hi, I'm not completely sure what you are describing, but my interpretation of it is that you have a user editable list that is output into the "Content" column, and you want that to be split into two even(ish) columns?
If what I've described is correct, I'd just render the entire list and then float the list items via CSS
So for example if your page goes:
<div id="Content">
<ul id="The_List">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul></div>
You could go:
#The_List li {
width: 49%;
float: left;
}I may have totally missed the point, but hope that's of some use if not.
-
Re: Content expand to the second column

7 June 2011 at 9:51pm
CSS3 has multi-column support, but a lot of browsers do not. Depending on your audience, this might be a solution.
http://www.quirksmode.org/css/multicolumn.htmlFor legacy browser support I use jQuery plugins like Columnizer (http://welcome.totheinter.net/columnizer-jquery-plugin/).
Good luck!
| 505 Views | ||
|
Page:
1
|
Go to Top |



