Do you mean here? http://www.pmob.co.uk/temp/3colfixedtest_sourcenone.htm
That is not my page, just the page I took the layout code from. On Apr 22, 2:24 pm, mrpollo <[EMAIL PROTECTED]> wrote: > i see no div called box > at leats firebug doesnt > > On Apr 22, 9:53 am, AsymF <[EMAIL PROTECTED]> wrote: > > > And what is with this post showing up 7 times?? I only hit the submit > > button once on Google Groups. Hope no one thinks I am spamming. :( > > > On Apr 17, 8:01 pm, AsymF <[EMAIL PROTECTED]> wrote: > > > > I recently implemented the following CSS layout on a site in place of > > > a previous table > > > layout:http://www.pmob.co.uk/temp/3colfixedtest_sourcenone.htm > > > > After doing so I cannot get DIVs to position correctly in some > > > instances when using jQuery to do so. One in particular is too far > > > down and over to the right. > > > > Unfortunately I don't have a page to show because the code is on a > > > backend area that requires login. However, the code I was previously > > > using that worked great to cause a box to display right below a link > > > is this: > > > __________________________________________________ > > > $('div#box').css('position', 'absolute'); > > > $('div#box').css('left', $('a#link').offset().left); > > > $('div#box').css('top', ($('a#link').offset().top + $ > > > ('a#link').outerHeight() + 2)); > > > $('div#box').show('normal'); > > > __________________________________________________ > > > > However, I found that I now need to add or subtract the padding and > > > margins from enclosing DIVs due to the new CSS layout and I am > > > perplexed as to why: > > > __________________________________________________ > > > $('div#box').css('position', 'absolute'); > > > > margin_left = $('div#outer').css('margin-left'); > > > margin_left = margin_left.substring(0, margin_left.indexOf('px')); > > > pad_right = $('div#centrecontent').css('padding-right'); > > > pad_right = pad_right.substring(0, pad_right.indexOf('px')); > > > > $('div#box').css('left', ($('a#link').offset().left + pad_right - > > > margin_left)); > > > > pad_top = $('div#outer').css('padding-top'); > > > pad_top = pad_top.substring(0, pad_top.indexOf('px')); > > > > $('div#box').css('top', ($('a#link').offset().top + $ > > > ('a#link').outerHeight() + 2 - pad_top)); > > > $('div#box').show('normal'); > > > __________________________________________________ > > > > Even more perplexing is that if I leave "pad_right" inside those > > > calculations it causes the box to fly about 5160 pixels off to the > > > right of the screen. Checking the value in the console shows that > > > pad_right has a value of 6. If I remove pad_right and directly > > > substitute in the number 6 then the box positions normally. > > > > Can anyone help explain to me what I am doing wrong here?
