Obecný styl pro poměr stran

[allyen]

Při vytváření google mapy jsem narazil na to, že styly pro poměr stran (r16x9 atd.) jsou definovány vždy speciálně pro daný modul (slideshow, vyjížděcí upoutávka). Dal by se definovat tento styl i obecně tak, aby se dal použít na libovolný vnitřek? Např. teď pro tu google mapu.

[sustrradim]

Toto by mělo jet i s tou mapou - ta bude vložena v div s class .inner.
Kdyby to zlobilo, pošli prosím screenshot nebo link a udělám pro to jiný element

<div class="container-module">
    <div class="outer  r16x9">
        <div class="inner">
        </div>
    </div>
</div>

[allyen]

Problém je v tom, že když použiju kód

<div class="container-module">
    <div class="outer  r16x9">
        <div class="inner">
            <div id="map">
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
// kód zjednodušen a přesně takto nevyzkoušen, ale měl by jet
var mapsElement = $('#map')[0];

$(document).ready(function () {
    var latlng = new google.maps.LatLng(49.21009077607999, 16.59920061370849); // adresa FI
    var myOptions = {
        zoom: 13,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        disableDefaultUI: true,
        mapTypeControl: true,
        zoomControl: true,
        zoomControlOptions: {
            style: google.maps.ZoomControlStyle.SMALL
        }
    };

    var map = new google.maps.Map(mapsElement, myOptions);

    var marker = new google.maps.Marker({
        position: latlng,
        map: map
    });
});

</script>

Tak se google mapa vůbec nezobrazí - až když na divu #map nadefinuju width a height na 100 %, tak se zobrazí. Jenže mapa je v divu posunutá doleva nahoru a několik px a marker je umístěn úplně špatně... Kdyžtak vyzkoušej, kdyby se nedařilo to navodit, tak přihodím stránku, kde to bude.