We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

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

ee_id
ee_id asked
on
Medium Priority
1,158 Views
Last Modified: 2008-01-16

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!
Comment
Watch Question

Commented:
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

:}

Author

Commented:

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 =)

Commented:
use a script that that finds the absolute position of the last item...
Commented:
Unlock this solution with a free trial preview.
(No credit card required)
Get Preview

Author

Commented:
I agree- work smart not hard.  You have earned your points!
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a free trial preview!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.