thanks glen... but i don't completely agree, because technically, according to the box model, width does not include border, padding, margin etc. But the total box's width, (not the element's width property) accounts for width+border+padding+margin. This is how a box is seen by the browser AFAIK.
So, it is understandable that jquery's width() method returns the elements width style alone . But why is dimension's plugin explicitly intended to give the width+padding+border without including the margin? maybe because that is what offsetWidth property returns and that is what outerWidth means probably... no idea. It would be great if someone knew the answer. Regardless, thank u very much for the calculation suggestion. it works.. i used offsetWidth + margin-left + margin-right and it works like a charm. Dont know what will happen when percent values are specified though. got to try that out as well ;) -GTG On 6/26/07, Glen Lipka <[EMAIL PROTECTED]> wrote:
But margin shouldn't be included in width. According to box model that is outside the box. http://www.w3.org/TR/REC-CSS2/box.html Hmm, is there something that computes it all? http://www.redmelon.net/tstme/box_model/ <-- not helpful but cool to play with. You could do it on your own, offset + margin-left + margin-right Glen On 6/26/07, Ganeshji Marwaha <[EMAIL PROTECTED]> wrote: > > hey, thanks for putting together a demo page in no time... > Still, in your settings the margin is not included. When i include the > margin, the outerWidth returns the result excluding the margin. > > :(( > > - GTG > > On 6/26/07, Glen Lipka <[EMAIL PROTECTED]> wrote: > > > > http://www.commadot.com/jquery/dimensions/ > > Im too slow. But I made a little test page to see what outputs what. > > Change the settings in firebug and click the box. > > > > Glen > > > > On 6/26/07, Ganeshji Marwaha < [EMAIL PROTECTED]> wrote: > > > > > > thanks brandon... lemme try that now.... i will keep u posted on how > > > it goes... > > > > > > On 6/26/07, Brandon Aaron <[EMAIL PROTECTED] > wrote: > > > > > > > > You need to use the outerWidth and outerHeight methods of the > > > > Dimensions plugin. The width and height just return the actual width and > > > > height according to the box model. > > > > > > > > -- > > > > Brandon Aaron > > > > > > > > On 6/26/07, Ganeshji Marwaha <[EMAIL PROTECTED]> wrote: > > > > > > > > > > thanks glen, > > > > > > > > > > but dimensions also return the same result as does jquery's > > > > > height() and width() method... > > > > > I checked dimesion's source and it seems to delegate the call to > > > > > jquery core's width() / height() method, if the call was not for document or > > > > > window. > > > > > > > > > > So, still i am getting the width and height without the > > > > > margin... :(.. > > > > > Is there anything else i am missing here. > > > > > > > > > > -GTG > > > > > > > > > > On 6/26/07, Glen Lipka <[EMAIL PROTECTED]> wrote: > > > > > > > > > > > > Are you using the dimensions plugin? > > > > > > It might be worth using. Alot of plugins depend on it. > > > > > > > > > > > > Glen > > > > > > > > > > > > On 6/26/07, Ganeshji Marwaha < [EMAIL PROTECTED]> wrote: > > > > > > > > > > > > > > friends, > > > > > > > > > > > > > > In the process of developing this jCarouselLite plugin, i am > > > > > > > facing a problem. When i retrieve the width or height of an element that has > > > > > > > a margin associated with it, then the returned width/height does not take > > > > > > > the margin into account. > > > > > > > > > > > > > > Can anyone help me here? > > > > > > > > > > > > > > > > > > > > > Thanks > > > > > > > -GTG > > > > > > > > > > > > > > On 6/26/07, Dan G. Switzer, II < [EMAIL PROTECTED] > > > > > > > > wrote: > > > > > > > > > > > > > > > > I'm having the same problem with my plug-in... > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -Dan > > > > > > > > > > > > > > > > > > > > > > > > ------------------------------ > > > > > > > > > > > > > > > > *From:* jquery-en@googlegroups.com [mailto: > > > > > > > > [EMAIL PROTECTED] *On Behalf Of *Karl Swedberg > > > > > > > > *Sent:* Tuesday, June 26, 2007 10:11 AM > > > > > > > > *To:* jquery-en@googlegroups.com > > > > > > > > *Subject:* [jQuery] Re: jCarouselLite - my first plugin - > > > > > > > > anxiously awaiting comments > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I'm so sorry about that. Unfortunately, your guess is as > > > > > > > > good as mine. I see that it is listed in the "Projects" list when I click on > > > > > > > > the "Issues" link in the left-hand nav. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Probably your best bet is to Submit an "Issue" for it. In > > > > > > > > the "Projects" select list, choose "jQuery Plugins Website." Mike Hostetler, > > > > > > > > who is managing the plugins repository, is keeping an eye on this list and > > > > > > > > fixing bugs as he has time. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > If anyone else has an idea for Ganeshji, please chime in! > > > > > > > > :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > --Karl > > > > > > > > > > > > > > > > _________________ > > > > > > > > > > > > > > > > Karl Swedberg > > > > > > > > > > > > > > > > www.englishrules.com > > > > > > > > > > > > > > > > www.learningjquery.com > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Jun 26, 2007, at 1:11 AM, Ganeshji Marwaha wrote: > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > hi karl, i tried adding it to http://jquery.com/plugins/page. Everthing went thru fine, but the plugin doesn't show up. Is there > > > > > > > > something that i am doing wrong? > > > > > > > > > > > > > > > > -GTG > > > > > > > > > > > > > > > > On 6/25/07, *Karl Swedberg* <[EMAIL PROTECTED]> wrote: > > > > > > > > > > > > > > > > be sure to add it to http://jquery.com/plugins/ (without > > > > > > > > the "docs."), too! > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > The "docs" plugin page is deprecated. (Not gone away, just > > > > > > > > deprecated.) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > --Karl > > > > > > > > > > > > > > > > _________________ > > > > > > > > > > > > > > > > Karl Swedberg > > > > > > > > > > > > > > > > www.englishrules.com > > > > > > > > > > > > > > > > www.learningjquery.com > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Jun 25, 2007, at 3:20 PM, Mike Alsup wrote: > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Just register and then you can add it yourself. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > BTW, I like this plugin. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Cheers! > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Mike > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > How do i add this plugin to the jquery plugins page > > > > > > > > > > > > > > > > (http://docs.jquery.com/Plugins). > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -- > > > > > > > > -GTG > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
