We help IT Professionals succeed at work.

We've partnered with Certified Experts, Carl Webster and Richard Faulkner, to bring you a podcast all about Citrix Workspace, moving to the cloud, and analytics & intelligence. Episode 2 coming soon!Listen Now


draggable/resizable 2 column layout?

Medium Priority
Last Modified: 2013-11-19
I'm looking for advice on how to construct a web-page that will have the following behavior

aside from a header and a footer, the content portion of the page will be split into 2 columns
the left column will contain ~30 rows (1 hyperlink per row).
you click on a hyperlink and it makes an ajax call (trendy, I know...) and uses the results of the call to populate the right column.

this is pretty straightforward, but I'd like to be able to **click/drag** on the border between the 2 columns and resize them so that I can see more of the right-hand column when I want to (this would ultimately hide some of the contents of the left-hand column).

Is there a common/simple/straightforward/commonly accepted way of doing this?

x         d           x
x         r           x
x         a           x
x         g           x
x    div? g    div?   x
x    td?  a     td?   x
x         b           x
x         l           x
x         e           x
x                     x
x         b           x
x         o           x
x         r           x
x         d           x
x         e           x
x         r           x

Watch Question

Top Expert 2011
You may be able to pull this off with HTML frames.  Is this what your looking for?

Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts


i was hoping to avoid frames, but you're the only one who has answered.  thanks for the response!
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.


Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.