asked on

CSS POSITION absolute vs relative, how to push down content relative to the row results of a datagrid?

Hello,

I am having a problem with a datagrid that spits out any number of rows depending upon the query. I need to have multiple input controls underneath the results. The problem is that the datagrid just runs into (over) the input controls.

I tried placing the input controls in a container like so:

<asp:panel style="position:relative">
<input type=text>
<br>
<input type=text>
<br>
<input type=text>
<br>
<input type=text>
</asp:panel>

What is the best way to handle this? I thought there was a way to make the container relative and therefore dynamic. This article is good, but I don't have enough information to make it work:

http://www.stopdesign.com/also/articles/absolute/

Thanks very much!

Kavar

set the position to the control you want to be relative to, to absolute, then set the position of these controls to absolute with a value of the other controls position plus the offset..

i.e.

control1.style.postion="absolute"
control2.style.postion="absolute"
control2.style.top=cstr(int(replace(control1.style.top),"px","") + OFFSET) & "px"
control2.style.left=cstr(int(replace(control1.style.left),"px","") + OFFSET) & "px"

my idiom is:
If you can't beatem, ignore 'em

:}

ee_id

ASKER

Ok, I follow what you ar trying to do, but forgive me for asking how you propose finding the OFFSET... the input fields need to be consistently positioned about 30px from the bottom of the last record. Remeber, the number of record results can be from 0 to infiniti =)

Kavar

use a script that that finds the absolute position of the last item...

ASKER CERTIFIED SOLUTION

Kavar

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

ee_id

ASKER

I agree- work smart not hard. You have earned your points!