Fancybox width not applying

Question

Using the following JS the width isn't being adjusted. It doesn't get adjusted when I use '750' or '750px'

$('a#city-prompt').fancybox({
    'width': 750
});

I've posted on the fancybox forums about this and haven't gotten a response

Answer 1

You probably have to set autoSize to false :

$('a#city-prompt').fancybox({
    'width': 750,
    'autoSize': false
});

About width from the documentation :

Width for content types 'iframe' and 'swf'. Also set for inline content if 'autoDimensions' is set to 'false'

Answer 2

None of the answers here worked for me, but this did the trick:

$.fancybox({
    'content':$("#element").html(),
    'width':'500',
    'autoDimensions':false,
    'type':'iframe',
    'autoSize':false
});

The 'autoSize':false was the missing key

Answer 3

Try this. You need to set autoSize to false :

$(".fancybox").fancybox({'width':400,
                         'height':300,
                         'autoSize' : false});

Answer 4

In Fancybox version 2 and above use 'autoSize':false

Fancybox Documentation

Answer 5

Make sure to not include the ' when writing out width in pixels. So instead of

'width' : '100', you should have 'width' : 100,

Hope that helps...

Answer 6

In addition to the other answers, to fix the height issue I changed line 998

from :
to.height = currentOpts.height + double_padding;

to:
to.height = parseInt(currentOpts.height) + parseInt(double_padding);

Answer 7

Change _get_zoom_to (on line 690) from

to.width = currentOpts.width + double_padding;

to

to.width = parseInt(currentOpts.width) + parseInt(double_padding);