Contenido de dos div's horizontales

[mblascog]

Gracias pzin,
- Párrafo sin cerrar te refieres a poner </p> después de small?:

Código HTML:

<div id="col2">
                    <iframe src="https://maps.google.es/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=rifos,+13,+sabadell&amp;aq=&amp;sll=41.779505,1.746826&amp;sspn=3.350703,7.13562&amp;ie=UTF8&amp;hq=&amp;hnear=Passatge+dels+Rif%C3%B3s,+13,+08203+Sabadell,+Barcelona&amp;t=m&amp;z=14&amp;iwloc=A&amp;ll=41.532617,2.117664&amp;output=embed"></iframe>
                    <p><small><a href="https://maps.google.es/maps?f=q&amp;source=embed&amp;hl=es&amp;geocode=&amp;q=rifos,+13,+sabadell&amp;aq=&amp;sll=41.779505,1.746826&amp;sspn=3.350703,7.13562&amp;ie=UTF8&amp;hq=&amp;hnear=Passatge+dels+Rif%C3%B3s,+13,+08203+Sabadell,+Barcelona&amp;t=m&amp;z=14&amp;iwloc=A&amp;ll=41.532617,2.117664"><?php echo $mapa[$idioma] ?></a></small></p>
                </div>
 

En cuanto a indicar height = 0 en col2, es el código que me he descargado para hacer el mapa responsive. Si lo elimino no pasa nada.

Ya he usado display:table, display:table-row y display:table-cell pero consigo lo mismo:

Código HTML:

<article>
            <div id="espaiContacte">
                <div id="filaContacte">
                    <div id=col1>
                        <?php echo $contacte[$idioma]; ?>
                    </div>
                    <div id="col2">
                        <iframe src="https://maps.google.es/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=rifos,+13,+sabadell&amp;aq=&amp;sll=41.779505,1.746826&amp;sspn=3.350703,7.13562&amp;ie=UTF8&amp;hq=&amp;hnear=Passatge+dels+Rif%C3%B3s,+13,+08203+Sabadell,+Barcelona&amp;t=m&amp;z=14&amp;iwloc=A&amp;ll=41.532617,2.117664&amp;output=embed"></iframe>
                        <p><small><a href="https://maps.google.es/maps?f=q&amp;source=embed&amp;hl=es&amp;geocode=&amp;q=rifos,+13,+sabadell&amp;aq=&amp;sll=41.779505,1.746826&amp;sspn=3.350703,7.13562&amp;ie=UTF8&amp;hq=&amp;hnear=Passatge+dels+Rif%C3%B3s,+13,+08203+Sabadell,+Barcelona&amp;t=m&amp;z=14&amp;iwloc=A&amp;ll=41.532617,2.117664"><?php echo $mapa[$idioma] ?></a></small></p>
                    </div>
                </div>
            </div>
        </article>
 

Y el código css:

Código CSS:

#espaiContacte{
    display:table;
    width:100%;
}
#filaContacte{
    display:table-row;
}
#col1{
    display:table-cell;
    float:left;
    width:50%;
}
#col2{
    display:table-cell;
    float:right;
    width:50%;
}
#col2 {
    position:relative;
    height:0;
    overflow:hidden;
}
#col2 iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    max-width:450px;
    max-height:350px;
}
#col2 a{text-decoration:none;
    color:#000;
    text-align:center;
    font: bold 1.2em/1.0 'Century Gothic';
    width:100%;
}