2-column; multi-accordion pane

Posted by Josh on Stack Overflow See other posts from Stack Overflow or by Josh
Published on 2010-04-02T16:32:58Z Indexed on 2010/04/03 0:23 UTC
Read the original article Hit count: 696

Filed under:
|
|
|
|

Alright, I'm having some issues and I believe it's a CSS one. Here is what I'm working on currently: http://www.notedls.com/demo/

Focusing on the News accordion menu. The idea here is to have a small image (50x50 with padding) and then a huge headline next to it. When the user clicks the headline, it expands to the article. If the user wants to read comments or make a comment themselves they can then click the View Comments to expand it even further.

The issue I'm having (if it isn't clear) is the spacing with the image and the text. I could simply just increase the height of the ui.accordion-acc or -left to make everything fit, but that doesn't solve the issue. If you notice when you click on the first expansion of Headline 1, it will wrap View Comments underneath the image. This is something I don't want, I've tried separating these elements into additional divs and even floating, but its just not working. Essentially, I want blank space infinitely underneath the image for however long the article+comments may take the field.

© Stack Overflow or respective owner

Related posts about column

Related posts about css