Hallo zusammen!
Ich habe 2 Punkte, bei denen ich eure Hilfe benötige, am besten so schnell wies geht. Im Internet bin ich nicht fündig geworden...
Folgendes zur Ausgangssituation:
*Ich arbeite mit GoogleMaps
*Ich verwende mein eigenes HTML innerhalb der Infofenster
*Es gibt Fälle in denen ich ein Scrollbaren Bereich mit Informationen darstellen muss. Dies realisiere ich über ein "Div"- Element mit der Eigenschaft "overflow"
*Mein HTML, welches an das Info- Fenster der Map übergeben wird hat ein Div als "Rahmen" mit einer fixen Höhe (Bsp.: 150px), damit das Infofenster sich nicht automatisch dem Inhalt anpasst
Im Firefox sieht es blendend aus, jedoch wird im IE (6 + 7) mein Infofenster zu Groß dargestellt (Höhe): weiß da jmd. bescheid, wie ich die Höhe eines Google- Info- Fensters beeinflussen kann, dass es auch im IE funktioniert?
Außerdem:
Es geht um die Größe der GoogleMap, welche sich automatisch an den mapcontainer anpassen soll. Folgend meine HTML- Struktur:
<div id="mapheader_container">
<div id="mapheader"> <!-- Map- Header- Inhalt --></div>
</div>
<div id="mapcontainer">
<!-- Karte von Google Maps als Div -->
</div>
<div id="mapfooter_container">
<div id="mapfooter"> <!-- Map- Footer- Inhalt --></div>
</div>
und mein CSS:
/* Dynamische Anpassung der GoogleMaps- Kartengröße - Beginn */
/* Standardkomforme Browser */
#mapheader_container{position:fixed; top:0; left:0; right:0; margin:0; z-index:3; height: 20px;}
#mapheader{position:absolute; top:0; left:0; right:0; bottom:0; height:100%; z-index:3; margin:0;}
#mapcontainer{margin:0; z-index:2; height: 100%; min-height: 285px;}
#mapfooter_container{position:fixed; bottom:0; left:0; right:0; margin:0; z-index:3; height: 40px;}
#mapfooter{position:absolute; top:0; left:0; right:0; bottom:0; z-index:3;}
/* Nur für den MSIE (mit Star hack) */
\* html, * html body.googleMaps {overflow:hidden; bottom:0; height:100%;}
\* html #mapheader_container, * html #mapfooter_container {position:absolute; width:100%;}
\* html #mapheader,* html #mapfooter {height:100%; position:static;}
\* html #mapcontainer {position:absolute; top:0; bottom:0; left:0; right:0; height: 100%; width:100%; overflow:auto; margin:0;}
/* Dynamische Anpassung der GoogleMaps- Kartengröße - Ende */
Header und Footer (also deren Container) sollen nicht Scrollen, sondern immer sichtbar sein. lediglich der Map- Teil soll Scrollen dürfen. Im Firefox gehts Prima, aber im IE fließen irgendwie nen Paar Pixel so heraus, dass sie unter dem Footer noch zu sehen sind. Jemand ne Lösung?
Danke, Schimki86 😉
