Skip to main content

Bug Tracker

Side navigation

#5440 closed bug (worksforme)

Opened November 01, 2009 06:59PM UTC

Closed October 06, 2010 03:48AM UTC

Last modified May 10, 2011 05:33AM UTC

outerheight() and outerwidth() errors in firefox

Reported by: Ollie Owned by:
Priority: critical Milestone: 1.4
Component: dimensions Version: 1.3.2
Keywords: Cc:
Blocked by: Blocking:
Description

Firefox 3.5.4

The sizing information reported in Firefox for outerheight and outerwidth() does not accurately include border for both sides of a conatiner

This works accurately in Chrome and in IE

Attachments (2)
  • css_sizing.htm (2.1 KB) - added by Ollie November 01, 2009 07:01PM UTC.
  • jQuerybug.pdf (208.4 KB) - added by Ollie November 01, 2009 07:01PM UTC.
Change History (5)

Changed June 13, 2010 06:23PM UTC by dmethvin comment:1

component: unfileddimensions

Changed October 06, 2010 03:48AM UTC by addyosmani comment:2

resolution: → worksforme
status: newclosed

For the above test case, the outerWidth and outerHeight being returned by FireFox 3.6.10, Chrome and Safari is:

outerHeight: 224

outerWidth: 294

This is calculated as:

outerHeight: 180 + (2*20) + (2*2) = 224 (where 20 is the padding on each side and 2 represents the border width)

outerWidth: 250 + (2*20) + (2*2) = 294 (again where 20 is the padding on each side and 2 represents the border width)

which is correct.

Looking at FireFox 3.5 on the Mac, I seem to be getting the same numbers returned.

Could you resubmit the ticket informing us what platform you were testing this bug on just so we can investigate further?

Changed November 30, 2010 02:19PM UTC by mouette <julien_muetton@carpe-hora.com> comment:3

Just to report I encountered the issue in firefox 3.6.10 on windows either.

Changed November 30, 2010 07:49PM UTC by jitter comment:4

WFM with FF 3.6.12 on windows

Changed May 10, 2011 05:33AM UTC by anonymous comment:5

I found this same bug on Firefox 4.0 for Mac on Snow Leopard.

I fixed some of them by expanding the shortened padding definitions,

e.g. 60px 20px 20px

to 60px 20px 20px 20px

But there's still a difference somewhere else.