2 Replies Latest reply on Mar 13, 2013 1:19 PM by Dam4222

    centering issues again?

    salesdigital

      hi all -

       

      i'm trying to build a nav bar with drop down that both centers and scales its width to the browser.  see quickie sample: http://salesdigital.com/drop/

       

      if you mouseover products, you get the drop down --- but it won't center with the main nav.

       

      i've used this css on the compositionReady:

       

      sym.$("mnav").css({

         width : '1000px',

         margin : '0 auto',

         position: 'relative'

      });

      sym.$("pnav").css({

         width : '1000px',

         margin : '0 auto',

         position: 'relative'

      });

       

      mnav is the main nav and centers fine --- pnav is nested in a symbol named drop -- and will not center.  (industry should line up under products)

       

      how do i address the nested symbol?  i tried some variations but they end up messing everything up.

       

      i've read in one of tim's posts to throw everything in one symbol and center that with css ---- i think in my case that won't really work.

       

      here's my files: http://salesdigital.com/drop/drop.zip

       

      any help would be great!!

       

      thanks,

      keith