Do I understand AP Divs & relative positioning?

Hello.
So to cut a long story short....
I am newbie & plunged into creating my first website using all AP elements, only to find out that this is not a good way because of the nature of the AP's.
After much help from this forum (PZ in particular) I decided to do my research a little bit more.
I still have to create another website that I guess should really be built in flash (as suggested by someone). But as I dont know Flash this is not an option. (please see attached design concept).
The only elements I really need at this point would be for the "get a quote" & "about", "contact" bubbles to have rollover states that change colour when the mouse goes over them.
I have been trying to find the best way of doing this without AP elements.
1) Create a Div container with the main image for the background, then insert a table and try to insert the rollover images that way. But after research, I am finding that I should be steering away from tables and moving towards CSS. Which then led me to Idea no 2.
2) Create a Div container with the main image for the background, then insert Div's and adjust the margins (relative positioning?) to move to the Divs in correct places I need the rollovers. But again I read that this method should only be done for tweaking a web page and not structuring a webpage as may cause problems.
3) Create a Div container with the main image for the background, then insert Div's in a grid like system (see attached image of my guides where I would place Div's), But this seems a over complicated way to do it and you end up with divs that have no use & lots of unwanted code.
OR am I right in thinking this works?
4) Apply a relative positioned Div, set background image, then place AP div's inside RP Div that I would use for my rollovers? If I did this would this then avoid the problem of the AP divs moving in different browsers?
Or have I got this all completely wrong and have to go back to the drawing board again?
Your thoughts would be appreciated :-)
Many thanks in advance
Louisa

Build your HTML content logically from top of page to bottom of page. Use default CSS positioning (which is no positioning at all) for the majority of your page layout.
Use AP Divs only when absolutely necessary because doing so removes them from normal content flow.
To control APDivs in relation to other content on the page, you many need to wrap them inside a relatively positioned container.
Example of APDivs inside a Relatively positioned container:
http://alt-web.com/DEMOS/CSS-Disjointed-Menu-Rollover.shtml
As far as your design concept goes, you could do this a number of ways. With CSS sprites or an Image Map, for example.
http://alt-web.com/DEMOS/CSS-Sprites.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Similar Messages

Problems with relative positioning divs

Hi all,
I'm still new to this css layouts thing, but am stumped by this problem. I have numerous parent divs with multiple child divs within them on my page design, and for some reason these child divs are not taking up the correct spacing that I enter in the CSS. They are all relative positioned, mostly using floats and clears (and I don't think I've missed any of those). Help! Hoping that it's something simple I've missed.
To pinpoint one example of this recurring problem, the #sidenav_one div will float: left with a spacing of top 8px and left 8px, but then #sidenav_two refuses to float: left, clear: both with a spacing of top 8px (I've had to put in 16px to actually get 8px, in both Firefox, Safari and Opera). (relevant parts of code highlighted).
I am happy to change how I've structured the page, if people think there is a better or cleaner way to do it. Thanks in advance.
A
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>United Future Foundation</title>
<style type="text/css">

</style>
<script type="text/JavaScript" src="curvycorners.js"></script>
<script type="text/JavaScript">
window.onload = function() {
    var settings = {
      tl: { radius: 5 },
      tr: { radius: 5 },
      bl: { radius: 5 },
      br: { radius: 5 },
      antiAlias: true
    var divObj = document.getElementById(".rounded");
    curvyCorners(settings, divObj);
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('images/news_down.jpg','images/about_down.jpg','images/what_up.j pg','images/who_down.jpg','images/support_down.jpg','images/contact_down.jpg')">
<div class="rounded" id="container">
<div class="rounded" id="banner">
<div id="banner_left"><img src="banner_uff.jpg" width="450" height="70" /></div>
<div id="banner_right"><img src="ufflogo.jpg" width="208" height="200" /></div>
<div id="banner_name"><img src="banner_name.gif" width="509" height="133" /></div>
</div>
<div id="spot">you are here</div>
<div class="rounded" id="content">
<div id="text">
<h2> Breaking the Cycle - United Future Foundation</h2>
<p>United Future Foundation is an Australian non-government organisation operating in Uganda. UFF is “breaking the cycle” through education. We believe that education is the primary means of creating lasting change, increasing literacy and improving employment. UFF is building a combined primary school and vocational training centre for over 300 students in the Kasanje region of Uganda. </p>
<p>United Future Foundation is focussed on facilitating access to education and skills training for disadvantaged youth in poverty stricken and remote areas of Uganda. We strongly believe that education is the first and foremost method to break the cycle of illiteracy, ill health and lack of opportunities. </p>
</div>
<div class="rounded" id="sidenav_one">
    <h1>News</h1>
</div>
<div class="rounded" id="sidenav_two">
<h1>Press Releases</h1>
</div>
<div class="rounded" id="sidenav_three">
    <h1>Media</h1>
</div>
<div id="home_home"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/news_down.jpg',1)"><img src="images/news_up.jpg" name="home" width="250" height="188" border="0" id="home" /></a></div>
<div id="home_about"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/about_down.jpg',1)"><img src="images/about_up.jpg" name="about" width="250" height="188" border="0" id="about" /></a></div>
<div id="home_events"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('events','','images/what_up.jpg',1)"><img src="images/what_down.jpg" name="events" width="250" height="188" border="0" id="events" /></a> </div>
</div>
</div>
</body>
</html>

This is much simpler than you would think. You're making it hard work for yourself because you believe css is much more comlex than it really is or need be.
You rarely need to use relative positioning at all. You are using too many <divs> and redundant css attributes to reach your goals.
Think of the web as a simple structure of boxes and ino those boxes you place html tags or 'when' needed other <divs> ('when' is the choice word here. In time you will know when and when not to)
Copy the css and page code below and paste into a new Dreamweaver document. See how much leaner and cleaner the css and html code is.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
font-family: "Myriad Pro", "Helvetica Neue", sans-serif;
p {
font-family: "Myriad Pro", "Helvetica Neue", sans-serif;
font-size: 14px;
color: #000;
.rounded {
-moz-border-radius:5px;
-webkit-border-radius:5px;
#spot {
text-align: right;
#container {
margin: 0 auto; /* horizontally centers container which has a width */
margin-top: 15px;
width: 972px;
background-color: #999;
padding-bottom: 25px;
overflow: hidden; /* a method to clear floated containers within a parent container */
#banner {
width: 872px;
height:210px;
background-color: #FFF;
margin: 0 auto; /* horizontally centers container which has a width */
margin-top: 15px;
color: #999;
#banner_left {
width:509px;
float: left;
margin-left: 5px;
margin-top: 5px;
#banner_right {
width:208px;
height:200px;
float: right;
margin-right: 5px;
margin-top: 5px;
#banner_name {
position:relative;
width:550px;
height:140px;
clear: both;
margin-left: 5px;
#content {
margin: 0 auto; /* horizontally centers container which has a width */
width:872px;
background-color: #FFF;
margin-top: 20px;
overflow: hidden; /* a method to clear floated containers within a parent container */
#sidenav {
margin-left:8px;
margin-top:8px;
width:136px;
float: left;
h1 {
font-size: 16px;
color: #000;
text-align: center;
background-color: #999;
padding: 10px 0 10px 0; /* short hand for top/right/bottom/left */
margin: 0 0 6px 0; /* short hand for top/right/bottom/left */
#text {
margin: 8px 0 0 18px; /* short hand for top/right/bottom/left */
width:700px;
background-color: #FFF;
float: left;
#home_home {
width:750px;
height:188px;
clear: both;
margin: 10px 0 0 31px; /* short hand for top/right/bottom/left */
#home_home img {
float: left;
</style>
</head>
<body>
<div class="rounded" id="container">
<div id="spot">you are here</div>
<div class="rounded" id="banner">
<div id="banner_left"><img src="banner_uff.jpg" width="450" height="70" /><img src="banner_name.gif" width="509" height="133" /></div>
<div id="banner_right"><img src="ufflogo.jpg" width="208" height="200" /></div>
</div>
<div class="rounded" id="content">
<div class="rounded" id="sidenav">
    <h1>News</h1>
    <h1>Press Releases</h1>
    <h1>Media</h1>
</div>
<div id="text">
<h2> Breaking the Cycle - United Future Foundation</h2>
<p>United Future Foundation is an Australian non-government organisation operating in Uganda. UFF is “breaking the cycle” through education. We believe that education is the primary means of creating lasting change, increasing literacy and improving employment. UFF is building a combined primary school and vocational training centre for over 300 students in the Kasanje region of Uganda. </p>
<p>United Future Foundation is focussed on facilitating access to education and skills training for disadvantaged youth in poverty stricken and remote areas of Uganda. We strongly believe that education is the first and foremost method to break the cycle of illiteracy, ill health and lack of opportunities. </p>
</div>
</div>
<div id="home_home"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/news_down.jpg',1)"><img src="images/news_up.jpg" name="home" width="250" height="188" border="0" id="home" /></a>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/about_down.jpg',1)"><img src="images/about_up.jpg" name="about" width="250" height="188" border="0" id="about" /></a>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('events','','images/what_up.jpg',1)"><img src="images/what_down.jpg" name="events" width="250" height="188" border="0" id="events" /></a>
</div>
</div>
</body>
</html>

Font Smoothing + Relative Positioning = Problem

Hello,
I ran across a strange inconsistency while designing a relative position based layout.
My page has two divs, both relative positioned for height. They do not overlap. The page renders excellent in Firefox 3.5, and not bad in Chrome (though a little different from FF). Safari however pushes my second div down too far.
I found that by disabling font smoothing (or rather switching it to anything besides "windows standard") fixes this issue. However there isn't even any actual text on the site, at all. There's 4 images, a couple input fields and a submit button.
I can post some of the code, or example screenshots of what's happening. I've tried a couple css hacks to target safari (without targeting chrome) with no success. Anybody have any advice?
Thanks,
Tom

Please disreard...
I got it figured out. I just moved the paragraph tag outside
of the table
and changed the position from bottom:50% to top:50%
once the <p> was moved out of the table, it's normal
position would be at
the very top. So, I moved it 50% down from the top using
relative
positioning. Being inside the table caused it to not work in
Gecko? I
wonder why?
"-D-" <[email protected]> wrote in message
news:f7fr0d$jb8$[email protected]..
> I'm using relative positioning for an <p> tag that
is positioned normally
> at the bottom of a table cell "valign="bottom".
>
> I set the paragraph tag to <p
>
style="position:relative;bottom:50%;text-align:center;line-height:1.6em;">
>
> so, the text will position itself 50% from the bottom
positioning. This
> works fine in IE, but Mozilla and Netscape still
position the text at the
> bottom of the table cell.
>
> Here is the test page to see what is happening:
>
http://www.dwayneepps.com/contact.aspx
>
> fill out the form and click send to see the problem.
>
> Thanks for any help.
>

Setting App Div relative to a Table

Hi. I'd like to set an AppDiv relative to a specific Table cell. So its x-y coordinates are 'locked' witin that cell, but the cell - and its table - may float within the page (for example, always in the center). How to?
Thanks in advance...

First you would insert a relatively positioned <div> container in the table <td> cell (see below)
<td>
<div id="holder" style="position: relative;">
</div>
</td>
Then in the relatively positioned <div> container you would insert your absolutely positioned <div> (see below)
<td>
<div id="holder" style="position: relative;">
<div id="positioned">This is an absolutely positioned container</div>
</div>
</td>
Use some css to style and position the absolutely positioned <div>
#positioned {
position: absolute;
left: 0;
top: 100px;
width: 250px;
height: 200px;
background-color: #FC3;

White space below footer due to Relative Positioning?

I'm pretty new to coding. I'm learning how to do a responsive website and everything is working, EXCEPT for the huge blank space below the footer at the largest screen resolution. I know it is because of the relative positioning I used for the "samples" section. I know this question has been asked before. I've tried the suggestions, but cannot seem to get it to work. I cannot figure out a way to accomplish having the "samples" section at the spot I want without using relative positioning. I've tried "float" to no avail.
Everything is working, except for the huge space below the footer at the largest screen size for my responsive page.
Instead of pasting my .html and 3 .css files here, here is my site of which you can right click and "view page source" to get all the code. Don't want to make my question look too long!
Here: grc198.orijenaldesigns.com
Any help would be much appreciated!

Hi,
Please share the URL of the web site.
Regards,
Abhishek Maurya

Bug: Front Panel objects relative position change when placing merge VI onto Block Diagram

I've posted a bug report on LAVA, here:
http://forums.lavag.org/Front-Panel-objects-relative-position-change-when-placing-merge-VI-onto-Bloc...
If someone at NI can reproduce, can I please get a CAR #?
Thanks,
-Jim
Solved!
Go to Solution.

Donovan B wrote:
Hi Jim,
After my previous post, I also saw this behavior, so I decided to do another test. If there are no decorations in the VI set to “Merge VI” (“Place VI Contents” for LabVIEW 8.5 and later) the controls and indicators are still not selected when dropping the VI from the Functions palette. I checked this behavior back to LabVIEW 7.1 and it is consistent throughout that controls and indicators are not selected. (Consequently, so is the fact that when decorations are present they don’t maintain the relative position).
I am not sure if this would be better suited as a CAR or product suggestion since it has been this way that long, but it does not appear to be related to the fact that decorations are present in the Merge VI. It does seem strange that the decorations are selected though. Looks like the best way to work around this is to drop the VI from the Controls palette. Hopefully, it’s not too much of a hassle.
Hi Donovan,
Thanks for checking in.
> I checked this behavior back to LabVIEW 7.1 and it
is consistent throughout that controls and indicators are not
selected. (Consequently, so is the fact that when decorations are
present they don’t maintain the relative position).
This just means that not many people use this feature. However, now that VIPM Professional makes it so easy to edit the palettes, I'm sure that others will start complaining that this doesn't work as they expect.
> I am not sure if this would be better suited as a CAR or product suggestion
since it has been this way that long, but it does not appear to be
related to the fact that decorations are present in the Merge VI.
Just look up the functional specifications for this feature and see if all objects are supposed to be selected.
But seriously, is there a reason that only the FP decorations are selected? Surely this would be documented somewhere, if there was a good reason for this current (IMO, buggy) behavior.
> It
does seem strange that the decorations are selected though. Looks like
the best way to work around this is to drop the VI from the Controls
palette. Hopefully, it’s not too much of a hassle.
That's not a reasonably work-around, IMO. It doesn't make sense to drop Block Diagram components onto the Front Panel. For example, this bug affects the JKI State Machine. It doesn't make sense to drop a State Machine onto the Front Panel.
So, I'd file it as a CAR/bug, and then wait to see how LV R&D feels about it. If they can find some valid reason for why Controls and Indicators shouldn't be selected, then that's fine (and hopefully someone will explain it to me).
Thanks,
-Jim

Relative position of dock icons cannot be changed by dragging.

I have just moved from Tiger to Leopard and am trying to reorganize the dock I inherited from the older OS. In particular, I wish to change the relative positions of the icons. The old (Tiger) method of drag and drop didn't work ... any icon I try to move always snaps back into its former position when I release it. This happens in both the applications and folder categories on the dock.
I consulted the documentation for Leopard and it describes the same old way of moving icons as with Tiger. Clearly this simply does not work. I searched this forum with "dock icon" and didn't find any discussion of this phenomenon.
It looks like a bug. Has anyone else encountered this?

Hi Norman,
Try moving your mouse down when you're shifting icons. I find that if you keep your cursor at the level of the other icons (as opposed to below them), the icons won't shift aside. You could also try pulling the Dock icon you're trying to move out of the Dock region and putting it back in at the new place. It's not the most intuitive of behavior, I know.
Hope that helps!
—Hazy

Relative position of splitter in panelSplitter

Hi.
I wount to set the splitterPosition in panelSplitter to a relative value, e.g. 50%.
I see that only an integer value is possible for this attribute.
Is it possible to achieve a relative position to the availabe space on the screen?
I need it also for the case the web browser window is resized and the splitters should be moved relativelly to the new available screen size.
Best regards.
Paul.

Hmmmm... That's not working either.
Inserting this expression into an Effect's point control doesn't put it in the right position. I tried inserting this expression into another (2D) null's position, but it's in the same incorrect place.
Original Null A Position (from C4D project import). This comp is put into Comp ZZ.
Applying that Expression to Null's position in Comp ZZ puts the new Null B way off in the corner.

Relative positioning of two cross tabs.

I have two cross tabs. The first one is dynamic as the number of columns change based on user prompts. The second cross tab is fixed one column which is attached as the last column to the first cross tab.
When the columns of first cross tabs change, the second cross tabs column doesnot move across to fit as a last column i.e., there is no relative positioning between the cross tabs..
How do we achieve this? Any help would be greatly appreciated.
Thanks,
Adam

Right click on the section where the two crosstabs placed and go to section expert and check the option "Relative Positions"
Regards,
Raghavendra

Relative Positioning of Slices

Why doesn't FW allow you to export your slices using relative
positioning!? I might as well ignore the export css feature all
together.
I need to insert FW html into an already existing html
document, but the absolute positing of the elements is causing me
to have to hand code every individual slice. A major hassle.
Is there something I'm missing? Does anyone have a quick way
of modifying FW css to relative positioning?

romeogq wrote:
> Noooo, please don't be serious. That's basically what
I've been doing... and
> it's way too time consuming, especially when I could
simply export using
> tables. Just trying to figure out the simplest way to
export to css with
> relative positioning. My graphic has about 40 slices,
hence I really do not
> want to hand code.
>
Have you checked out the SMART CSS extension available on
Adobe's web
site? It may help.
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
Extending Knowledge, Daily
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
news://forums.macromedia.com/macromedia.fireworks
news://forums.macromedia.com/macromedia.dreamweaver

Reading relative position on multiple axis

Hi all,
I need to read the relative position on two axis via the encoders. I have open loop steppers with encoders. I can read the encoder position on one axis easy enough be we need to read the encoder position of two axis simultaniously. I have looked at high speed capture but this only supports one axis. We have the top end motion card 7358. Taking two reads of the encoders a different times is not good enough for our application - any ideas? I guess I could write a DSP program, if this is the answer does anyone know of any examples? I was hoping there would be an easier way to solve this challenge.
TIA
-Martin
Certified LabVIEW Architect

Dear Martin.D
To effectively measure and monitor the position of the encoders, use the DAQmx functions. And use a digital trigger with the source as the encoder channel that starts recording data as soon as the encoder is initialised. Look at the Cont Acq & chart samples Int-Clk-Dig Start VI in the examples or from NI.com examples and use this for your two lines. Set the sample clock for both lines as the same so that both are synchronised. The VI is an adaptation on the example using the two lines. Set your relevant sources and what outputs you desire. Please let me know how you get on with this.
Xiaofengliu, your -70006 error code typically corresponds to an error on the axis input. If you receive this error code when using a Load DAC function, it is
most likely due to an improper 'DAC' input. This error is common when
using the flex_load_dac function in a text based programming language.
The DAC input requires a resource identifier for the DAC to be used.
This identifier is not just a simple number, but rather a hex id number
unique to each axis. The resource IDs for DAC outputs are listed below.
Please see the link I have attached below to guide you through and resolve your error:
http://digital.ni.com/public.nsf/allkb/6484CBEC9C43189486256FDB004CF7F6?OpenDocument
Many thanks for using the NI forums and I look forward to your reply.
Kind regards
David
Applications Engineer
National Instruments UK

Prob. with Absolute/Relative Positioning of Layers

I used the List-u-Like generator to create a menu (
http://www.listulike.com/generator/)
for this page that I created in Dreamweaver:
http://hdumc.org/
and my menu is acting wacky in Firefox. Everything looks fine
in IE though. I've been trying to read through the Help on
positioning, but it gets so confusing. Can anyone help me out on
what I'm doing wrong?

romeogq wrote:
> Noooo, please don't be serious. That's basically what
I've been doing... and
> it's way too time consuming, especially when I could
simply export using
> tables. Just trying to figure out the simplest way to
export to css with
> relative positioning. My graphic has about 40 slices,
hence I really do not
> want to hand code.
>
Have you checked out the SMART CSS extension available on
Adobe's web
site? It may help.
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
Extending Knowledge, Daily
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
news://forums.macromedia.com/macromedia.fireworks
news://forums.macromedia.com/macromedia.dreamweaver

Relative Position centimeters format

Hello Experts,
I found a strange behaviour in webi java report panel in BOXI3.1,
the regional settings of the server are italian, the preference of infovieew are italian, everithing works fine and is on italian standard format, but not the "Relative Position".
When I open it it appears me on this format: 5,24 cm but when i click on it to change it , the format changes in 5.24, then I select another field to deselect it and the final result is: 524,01 cm if i click on it again iot becomes: 524010.0 etc.
Please Help!
Best Regards
Camillo Rospigliosi

Hi Camillo,
it seems that your system is quite up-to-date. I would suggest to open an OSS message and report the issue to SAP support.
[http://service.sap.com/support]
It sounds like a bug but only SAP support can confirm this officially.
Regards,
Stratos

How adjust relative position for overlay plots?

I ploted 2 curves in one chart, one in red, and one in blule. My question is very simple, is there a built-in tool or property node that allow me to change the relative position of the two over-laid plots to determine which stays on top, which stays on bottom? In this case the red is placed on top, blue on bottom. But I'd like to change relative position in real time sometimes, any idea?
Arnold
Attachments:
plot overlay example.jpg ‏67 KB

It is the order of the plots that you send to the graph.
See http://forums.ni.com/t5/LabVIEW/Change-waveform-graph-plot-order/m-p/691681

Relative Position from RIGHT edge

Hi
Is it possible to set the relative position of a table from the RIGHT edge of an element?
I have 2 tables in my report, and want to ensure there is always a nice gap between the 2 tables. Problem is, the width of the 1st table is not fixed if I allow some of the columns to have AUTOWIDTH on.
In theory, I can set the 1st table to be a set width, but this would potentially mean a lot of white space when the data doesn't completely fill the cell. If I had it fixed width, then the positioning of the 2nd table is not problem.
In the dropdowns for relative position, I only see TOP and LEFT edge as an option.
Alternately, I need to be able to enter a variable as the offset, and have that variable work out the width of table 1.
Any ideas?
Cheers,
Andrew

Now you just went and made me look really really stupid
My "problem" was that I was always selecting the "From The" setting first, and then the reference block. When I first open that dropdown, I only see Top or Left as options. Once I selected Block1, then Right magically appeared and does exactly what I wanted.
I can't believe I never saw this <hangs head in shame>.
Cheers,
Andrew

Do I understand AP Divs & relative positioning?

Similar Messages

Maybe you are looking for