How do I go about getting text content to carryover to a dynamically created column to it’s right when the window height is reduced?
Basically this:
Is there any jquery/other plugins out there that can do this?
I hit the wall while working on a horizontally scrolling website, and this has been haunting me and driving me crazy for the past month. I guess, the madness had clogged my mind to allow proper research.
There’s treesaver.js http://demo.nomadeditions.com/wide-screen/#-/wide-screen/oscar-bloggers.html; it works fine in IE9, but wouldn’t even load in IE8 (I checked on IEtester so chances are it could be incorrect). The only problem I have with treesaver is it’s constant re-loading whenever the window’s resized but that’s just a pet peeve.
It would be nice if this can be done in css itself; this trivial issue really shouldn’t need a javascript plugin, but the wide array of browsers(along with their own quirkiness’) used in the market forces me to dip my hand in the js basket first.
What you are asking for is currently a W3C candidate reccomendation
http://www.w3.org/TR/css3-multicol/
You can see it in action here:
http://www.quirksmode.org/css/multicolumn.html
The bad news is it’s not supported by IE 8 even in standards mode. I don’t have IE 9 available here, but if this is a public site, you probably can’t require IE 9 yet anyway.