-----BEGIN PGP SIGNED MESSAGE-----
Hash: RIPEMD160

hi pete,

> I'm not sure I can solve your specific problem, but I can speak to
> positioning an object relative to its parent. This was an epiphany for
> me when I discovered it (reading and Eric Meyer book, I'm sure).
> 
> To put it simply, you must set the parent element to be recognized as
> a box. You do this by setting its position to "relative" or
> "absolute". The child element's position is then set to "absolute". I
> know, it's not particularly intuitive.
> 
> So, to position div#fbar (the child) relative to the postion of
> div#bar (the parent), you do something like this:
> 
> div#foo { position:relative; }
> div#bar { position: absolute; top: 10px; left: 20px; }
> 
> Then, in the xhtml...
> 
> <div id="foo">
>   <div id="bar">some content</div>
> </div>
> 
> That'll offset the content of bar 10px from the top edge and 20px from
> the left edge of foo.
> 
> Hope this makes sense 

well described, and you're right -- once the epiphany strikes, lots
becomes clear ...

i'm using this 'standard approach' successfully throughout my site ..

> and help a bit w/ your trouble.

iiuc, i _do_ have the 'boxes' correctly defined/laid out.  the menu &
dropdown are, in fact working 'correctly' as:

<div id="topbar_container">  /* posn: fixed;    rel to browser */
  <div id="topbar">          /* posn: relative; rel to
                                parent = "topbar_container" */
    <div id="techList">      /* float: right;   rel to
                                parent = "topbar" */
      <ul>
        <li>&nbsp;
          <ul>
            <li>
              <a><span id="xaraya">&nbsp;</span></a>
            </li>
          </ul>
        </li>
      </ul>
    </div id="techList">
  </div id="topbar">
</div id="topbar_container">


now, i WANT to have the dropdown submenu positioned relative to its
parent's ("techList") 'box', which is floateded right in "topbar" ...

BUT, the only way i seem to be able to position it AND have it appear in
the browser, is to:

  define it as a block
  position it ABSOLUTE, relative to the parent TOPBAR ...

i.e.,

  #techList ul:hover li ul {
    display: block;
    position: absolute;
    width:  80px;
    height: 15px;
    top: 15;
    right: 14px;
  }


the QUESTION is, HOW TO position the dropdown's SUBMENU relative to the
parent <ul> object, namely the right-floated image ...

cheers,

richard


- --

/"\
\ /  ASCII Ribbon Campaign
 X   against HTML email, vCards
/ \  & micro$oft attachments

[GPG] OpenMacNews at gmail dot com
fingerprint: 50C9 1C46 2F8F DE42 2EDB  D460 95F7 DDBD 3671 08C6
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.2.2 (Darwin)

iEYEAREDAAYFAkRIbW8ACgkQlffdvTZxCMbhwACgqroQmyBQn9OeGGwKnp6BXq1m
dXcAoMjfWTWvu+/V3CNoxN4q2i+DItt9
=B1ri
-----END PGP SIGNATURE-----

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to