Buenas,
Fue un fallo, quería decir text-align en lugar de align.
He conseguido que el mapa de google sea responsive, pero no consigo que los horarios y dirección queden a la izquierda y el mapa a la derecha.
He probado todo, cuando consigo que salga el horario a la derecha y el mapa a la izquierda luego el mapa no es responsive.
Ya no sé que más hacer, si me sugeris algo, estaré agradecida.
Se puede ver el ejemplo
aquí
Gracias.
El codigo css es este:
Código CSS:
Ver originalsection article div#contenidorContacte{
max-width:560px;
margin:0 auto;
text-align:left;
}
section article div#espaiContacte{position:relative;
margin:0 auto;
height:0px;
width:100%;
padding-top:56.25%
}
section article div#espaiContacte iframe {position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
Y el código html:
Código HTML:
Ver original <div id="contenidorContacte"> <?php echo $contacte[$idioma];?>
<iframe src="https://maps.google.es/maps?f=q&source=s_q&hl=es&geocode=&q=rifos,+13,+sabadell&aq=&sll=41.779505,1.746826&sspn=3.350703,7.13562&ie=UTF8&hq=&hnear=Passatge+dels+Rif%C3%B3s,+13,+08203+Sabadell,+Barcelona&t=m&z=14&iwloc=A&ll=41.532617,2.117664&output=embed" width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe> <br/><small><a href="https://maps.google.es/maps?f=q&source=embed&hl=es&geocode=&q=rifos,+13,+sabadell&aq=&sll=41.779505,1.746826&sspn=3.350703,7.13562&ie=UTF8&hq=&hnear=Passatge+dels+Rif%C3%B3s,+13,+08203+Sabadell,+Barcelona&t=m&z=14&iwloc=A&ll=41.532617,2.117664"><?php echo $mapa[$idioma] ?></a></small> <?php include("includes/inc_peu.php") ?>