Solved

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

Posted on 2004-03-31
5
1,107 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!
0
Comment
Question by:ee_id
  • 3
  • 2
5 Comments
 
LVL 10

Expert Comment

by:Kavar
ID: 10728271
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

:}
0
 

Author Comment

by:ee_id
ID: 10729180

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 =)
0
 
LVL 10

Expert Comment

by:Kavar
ID: 10729546
use a script that that finds the absolute position of the last item...
0
 
LVL 10

Accepted Solution

by:
Kavar earned 500 total points
ID: 10729558
your offset is going to be 30

the control1 is the last control / element on the page  each element will always take up the same space, without imperical data, just pick 30, so... to get the top, just mutliply 30 * number of items, (which you can calculate or use your script to find the number of elements after they are written)

maybe the elements are only 20 tall... that being the case change your multiplier and test,

I have found that in many cases, the one time work arounds save hours of programming.  The truly great programmers know when to use a work around and when to buckle down and use the "Real" answer.  We can try and work on the "Real" Solution if you like, but in the interest of time, I think this other method will suffice.

Let me know :)
0
 

Author Comment

by:ee_id
ID: 10732631
I agree- work smart not hard.  You have earned your points!
0

Featured Post

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Go is an acronym of golang, is a programming language developed Google in 2007. Go is a new language that is mostly in the C family, with significant input from Pascal/Modula/Oberon family. Hence Go arisen as low-level language with fast compilation…
Displaying an arrayList in a listView using the default adapter is rarely the best solution. To get full control of your display data, and to be able to refresh it after editing, requires the use of a custom adapter.
An introduction to basic programming syntax in Java by creating a simple program. Viewers can follow the tutorial as they create their first class in Java. Definitions and explanations about each element are given to help prepare viewers for future …
With the power of JIRA, there's an unlimited number of ways you can customize it, use it and benefit from it. With that in mind, there's bound to be things that I wasn't able to cover in this course. With this summary we'll look at some places to go…

786 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question