Center OSM integrated with Openlayer


I integrated a OSM in a website.
As it has to be responsive I build the site with Foundation. In the large version everything is fine, as the fix width of the map works.
But in the small version the div, which contains the map cuts off the map, as it is too large.
I think a solution would be, that the map centers within the div - is this possible?

The easiest way would be a 100%-width of the map within a div - is this possible?
I tried it, but it works only in the first tab here: - in both other tabs the map doesn´t fit in the div!

Thanks a lot, if you have an idea!

I found a good example -
It´s not in a div, but centered all the time - is this possible within a div?

Thanks a lot!