Depending on a search result, the top of an HTML page contains a result which its length varies. Under that search result, we have a search form containing the default values the user entered so he may enhanced those values for further searches. However, there is 2 types of search form. If the user changes the type of search, we are showing another form instead by the use of a layer.

However, in order to show that layer at the specific position, we need to detect the end of the result set. So, we have including a DIV relative at the end of the result set in order to be used as a marker. We then have another DIV absolute for the search form where the top value is the value that need to be calculated.

When the user changes the form type, we thought of changing the position property of the DIV relative layer in order to change to absolute. By doing document.layers.div1.position="absolute", the layer 1 is now turned absolute. By doing that, we thought of being able to get the top property value because by using a position absolute, we now have access to this property. However, the top property is still 0. How can we force the top property to reflect the actual position?

If we have the actual position, we would then be able to reset the top property value of the second layer so it will appear just under the first layer.

Any idea?