Chcę używać dwóch DIVów obok siebie. Pierwszy DIV z responsywną szerokością i mapą google wewnątrz ... I drugi DIV ze stałą szerokością.

jsFiddle przykład

HTML

<div class="wrapper">
    <div id="map"></div>
    <div class="right"></div>
</div>

CSS

.wrapper{
    width: 90%;
    margin: 0px auto;
}
#map {
    height: 300px;
}
.right {
    background: orange;
    width: 250px;
    float: right;
    height: 300px;
}