another fluid <div> question

[jbonham]

Like I said many questions to come, starting now...

I have a fluid <div> with overflow:auto that is my text area contained within my GUI and by default shall be 65% height. The header/footer account for 30%, 15% each, with a little 2.5% above/below buff-zone for breathing room.

When a user clicks the 'picture/animation' link, I would like to open up another box directly below the text area.

The text div would contract upwards to 45% height, and the new picture area would take up the remaining 20% height at the bottom.

Just not sure yet how to put that all together; the on-click, make text area smaller, create picture area.

jbonham

 

[ChrisHirst]

have a search in javascript forum216 for show/hide divs or images etc. there are lots of examples like this thread216-843371



Chris.

Indifference will be the downfall of mankind, but who cares?

http://www.candsdesign.co.uk

A website that proves the cobblers kids adage.

http://www.cram-system.com

Nightclub counting systems

So long, and thanks for all the fish.

 

[jbonham]

Do you know of any way of accomplishing that without js? With CSS?

(I gotta think about my 'low bandwidth' site also).

jbonham

 

[ChrisHirst]

Not with CSS

IFrames or Server Side are the other two options though neither would give the exact effect.

Chris.

Indifference will be the downfall of mankind, but who cares?

http://www.candsdesign.co.uk

A website that proves the cobblers kids adage.

http://www.cram-system.com

Nightclub counting systems

So long, and thanks for all the fish.

 

[elck]

Javascript does not take up much bandwidth and dynamic html cannot be done without scripting surely?

 

[philote]

I don't know about getting the text div to contract upwards but the rest can be done:

http://www.meyerweb.com/eric/css/edge/popups/demo2.html