Gap Above Bottom Tab Bar - Embedded NavigationController + Embedded TableViewController

Question

This issue has had me stumped for a few days.

This is my relevant storyboard layout: I have set every layout under the sun to all three View Controllers and still get a resultant Table View with a "gap" above the Banner View - seemingly the same height as the Banner View. As follows:

One thing that did work was to drag the Container View over the bottom Banner View like this:

And the result renders perfectly on my test device as well as every simulator - i.e. no gap.

But such a solution is essentially a hack of sorts and I'd like to see if there is anything I can do to properly fix the issue.

For the record, I have tried every option in the IB - adjust scroll view insets, extend edges under top/bottom bars, etc... as well as various code snippets I have googled here and there. Nothing seems to solve the issue for me.

I managed to solve the gap at the top of the table view under the nav bar (seemingly a common issue with a lot of content out there). But there does not seem to be so many cases like mine above.

Any help or indications are greatly appreciated. Thank you people :-)

* ADDITIONAL INFORMATION *

As per a comment below, I add the constraints I have tried for the said container:

Answer 1

I had similar gap problem, when used ContainerView to embed StoryboardReference - to support StoryboardReference from UITabBarController on iOS8.

I have resolved this by turning on Extended Egdes -> Under OpaqueBars checkbox on view controller with container view, like on image:

The red UIView is ContainerView, first ViewController in StoryboardReference is UINavigationController.