Brainfart: How to make overflow content in a div

Posted by Conor on Stack Overflow See other posts from Stack Overflow or by Conor
Published on 2010-06-16T23:48:01Z Indexed on 2010/06/17 0:02 UTC
Read the original article Hit count: 321

Filed under:
|
|
|

I cant even come up with a proper subject for this one... Basically I have a box div, that when click expands to a rectangle and shows content in the new expanded area.

The problem I'm having is that when I animate out the div's width, the browser wants to render the content as the box is stretching, rather than just have it placed where I need it.

Initial State

 ____  
|    |  
|____|  

Clicked

 _________________  
|      Content    |  
|_________________|  

How it currently renders

 __________  
|      Con |  
|______tent|  

How I want it to render:

 __________  
|      Cont|ent (overflow:hidden)  
|__________|  

Someone help me out here... total brainfart.

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about html