Puedes utilizar bootstrap
, así no sólo logras lo que quieres sino que también lo harás responsive y se verá bien en cualquier dispositivo y al div de la galería le das 6 columnas y al div donde está el mapa le das 6 columnas también
<div class="row">
<div id="galería" class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
....
</div>
<div id="mapa" class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
....
</div>
</div>