Hi Bram, very interesting - I'm going to try it out, although setting it to display block isn't really an option here, since that changes other things as well.
Thanks! Paul On Nov 25, 12:00 pm, Bram Stein <[EMAIL PROTECTED]> wrote: > Hi, > > Safari is actually computing it correctly according to the CSS2 > specification. You can see the relevant section > at:http://www.w3.org/TR/CSS21/visudet.html#Computing_widths_and_margins > > To get the result you expect (and which most browser seem to > implement) you can set the display property to 'inline-block'. > Alternatively you could float the element or find some other way of > "wrapping" the container around its child elements. > > I've written a short note on this on my layout jQuery plugin page > (http://www.bramstein.com/projects/jlayout/jquery-plugin.html--- > halfway down the page) which suffered from the same "problem" in > Safari. Setting the display property to "inline-block" fixed it. I > haven't tested your case as I am at work at the moment, but I think it > is the same issue. > > Best, > > Bram > > On Nov 24, 12:20 pm, Paul Bakaus <[EMAIL PROTECTED]> wrote: > > > Hi everyone, > > > we're facing a specific issue in jQuery UI, which has been reported by > > a couple of users, and I debugged it to find out it's specifically > > related to webkit: > > > If a non-floating element has a margin or margin-right value set via > > stylesheets, this value is ignored in the computed style ($().css > > ('marginRight')), and instead, the offset between the element and it's > > (offset) parent to the right is returned. > > > It's a major bug, and causes issues everywhere we're using marginRight > > (for example, the containment option in Draggables). Is this something > > we should build a workaround for, and is there really a possibility > > for a workaround, other than parsing the stylesheets by hand? > > > In case you're wondering, here's how to easily reproduce it: Paste the > > following into a HTML file: > > > <style> > > .test { > > width:100px; > > height:100px; > > background-color:green; > > margin: 5px; > > margin-right: 5px; > > } > > </style> > > <div class='test'></div> > > > now type $('.test').css('marginRight') into the console. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery Development" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/jquery-dev?hl=en -~----------~----~----~----~------~----~------~--~---
