Der Martin: Googlemaps und IE - Probleme mit DIV-Tag

Beitrag lesen

Hallo,

<div style="width:100%; height:400; overflow:auto;">
   <p>Text</p>
   <div id="map" name="googlemaps">
   </div>
</div>

da fehlt eine Maßeinheit für die Höhe des äußeren div-Containers. Sind das 400 Bananen oder 400 Briefmarken? Folgerichtig müsste diese Regel ignoriert werden, es gilt also der Defaultwert height: auto, womit sich das div-Element seinem Inhalt anpasst.
Allerdings interpretiert der IE auch CSS-Größenangaben ohne Einheit - er nimmt dann einfach px an.

Solange ich das Googlescript nicht eingebunden habe, funktioniert alles soweit, ist das innere DIV höher, als das äussere, kann auch korrekt gescrollt werden.

So ist es zu erwarten.

Sobald ich aber die Googlemaps-Funktionen einbinde, zeigt der IE die Map zwar an, ist diese aber höher als das übergeordnete DIV-Tag, sieht es so aus, als ob der IE das DIV-Tag mit der Map in voller Größe über(!) das übergeordnete DIV-Tag setzt. Die Scrollbalken werden zwar angezeigt, aber die MAP wirkt "fixiert".

Das versteh ich jetzt nicht hundertprozentig - aber gibt das Google-Script dem div#map vielleicht die CSS-Eigenschaft float? Dann wäre es aus seinem Container herausgelöst und würde sich nicht mehr auf dessen Größe auswirken bzw. hätte selbst keine Einschränkungen seiner Größe mehr.

So long,
 Martin

--
Wenn alle das täten, wass sie mich können,
käme ich gar nicht mehr zum Sitzen.