VBcms article embedded image issue

[edwinrcollins]

I am having and issue when posting articles with embedded getty image codes.
I assume something in the VBcms code is trying to resize the image on the main page but is only re sizing the image but not the rest of the embed code from Getty IMages.

On the main content/vbcms page the top article has a large space between the images and the text.



When you go into the actual article page that space is gone:




You can also see for yourself on the site: www.TheDailyNole.com

Any help would be appreciated I have been banging my head on the wall trying to resolve this issue.

Here is a copy of what the getty images embed code looks like in the articles:

<div class="getty embed image" style="background-color:#fff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#a7a7a7;font-size:11px;width:100%;max-width:594px;"><div style="padding:0;margin:0;text-align:left;"><a href="http://www.gettyimages.com/detail/503063432" target="_blank" style="color:#a7a7a7;text-decoration:none;font-weight:normal !important;border:none;display:inline-block;">Embed from Getty Images</a></div><div style="overflow:hidden;position:relative;height:0;padding:72.222222% 0 0 0;width:100%;"><iframe src="//embed.gettyimages.com/embed/503063432?et=4OTIwcqtQcVrbwNE96vCwA&viewMoreLink=on&sig=PSkrcgFvP34ZfmXPJTXByhX63A8JmrwqzwCvLDUyc2Q=" width="594" height="429" scrolling="no" frameborder="0" style="display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;"></iframe></div><p style="margin:0;"></p></div>

[MarkFL]

Please post a link to the CMS page, and I will see if there is some CSS attribute mucking things up...

[edwinrcollins]

http://www.thedailynole.com/content.php

It is the website default page or the one above.

--------------- Added [DATE]1452230069[/DATE] at [TIME]1452230069[/TIME] ---------------

Problem resolved:

Changed vbcms.css

Was

.showpreviewonly iframe {
	{vb:stylevar vbcms_article_preview_object_size};
}

Changed to:

.showpreviewonly iframe {
	max-width:100%;
	overflow:hidden;
}

Now looks good unless I broke something else doing this.