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,104 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

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

Suggested Solutions

Since upgrading to Office 2013 or higher installing the Smart Indenter addin will fail. This article will explain how to install it so it will work regardless of the Office version installed.
In this post we will learn how to connect and configure Android Device (Smartphone etc.) with Android Studio. After that we will run a simple Hello World Program.
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 …
In this seventh video of the Xpdf series, we discuss and demonstrate the PDFfonts utility, which lists all the fonts used in a PDF file. It does this via a command line interface, making it suitable for use in programs, scripts, batch files — any pl…

744 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now