Test case for jQuery Ticket 3333

outerWidth Safari / Chrome

by jitter

HTML

<div id="outer">
    <div id="inner">
    </div>
</div>

CSS

#outer {
    width: 200px;
    height: 200px;
    padding: 1px;
    border: 2px solid black;
    margin: 3px;
    background-color: grey;
}
#inner {
    width: 100px;
    height: 100px;
    padding: 1px;
    border: 2px solid silver;
    margin: 3px;
    background-color: gold;
}

JavaScript

$.each([ "top", "left", "bottom", "right" ], function( i, val ) {
    console.log( "margin-", val, ": ", $("#inner").css( "margin-" + val ) );
});
console.log( "outerWidth", $("#inner").outerWidth(true) );