I can include a sample ppt to better explain what I want to do:
Basically I have two <div>s on a page whose content are db-driven. I have a distinct button for each of these that replaces the content of that div by more some other content, (also db-driven). However, the content that replaces the default content for that div "might be" longer than that of the initial block. So what I'm looking for is to push downwards the second div accordingly.

Hope this makes sense .. will probably make more sense once viewed in the ppt.



Thanks for all your help,
nancy

I'm missing something here, how are you changing the content and what styles, if any, are the DIVs initially given? Normally when you replace the innerHTML the DIV would just expand and automatically push down the next element.

--

Joe

Hi,
Yes, the DIVs are initiated (one hidden, one visible). The content is db-driven.

Thanks for all your help,
nancy

I'm not sure if you caught exactly what Joe was saying....

How are you changing the content?

And, as Joe said...
So, what exactly do you want to happen that's not happening?

HTH,

-Snib <><
http://www.snibworks.com
There are only two stupid questions: the one you don't ask, and the one you ask more than once ;)

I probably didn't explain my self clearly: is there anyway I could send you a simple ppt (2 slides) to demonstrate what I'm trying to say?

Let me try again, my page has two distinct <DIVs>: the top one has a button that replaces that DIVs content by *a lot* more content. Which when loaded puts that DIV "on top of" (overlapping) the one below it. What I would like, is that, that bottom DIV not be hidden by the content of the first reloaded DIV, but rather push downwards instead of overlapping.

Hope this is clearer,
Sorry for the confusion and thanks JOE, and SNIB for all your help.
nancy

It should, as Joe said, normally push the second div down according to the size of the first.

However, if they are absolutely positioned (i.e. style='position:absolute') you will have to add a line of JS to the call of the button like this:

function whenTheButtonIsClicked()
{
    //replace your content however you do
    document.getElementById('the_second_divs_id').styl e.top=document.getElementById('the_first_divs_id') .style.bottom;
}

Still, not sure if this is what you want. If it isn't, I think you'll have to link to or e-mail me an example.

HTH!

-Snib <><
http://www.snibworks.com
There are only two stupid questions: the one you don't ask, and the one you ask more than once ;)

this should work

<div id="div01" name="div01">Some content</div>
<div id="div02" name="div02" style="clear:both;">Some content</div>

The second div should clear the first and appear bellow. Do you have any kind of poistionning for those two div's by CSS ? Cause that may interfere.

---------
Goulh

Thank you I'll try both of your suggestions.