Hi, ich arbeite gerade an einer Karte und das i Tüpfelchen will einfach nicht klappen!
Ich möchte die Karte und einfach darunter einen Footer anzeigen, so wie es http://olm.openstreetmap.de auch macht.
Also habe ich im Body 2 DIVs untereinander stehen und schon alle möglichen CSS Verrenkungen ausprobiert. Nur leider verschwindet die Karte immer, wenn ich beide Angaben mit % nur relativ mache. So ist das aber nicht sehr schön, da die Karte bei Größenänderungen sich nicht mit verkleinert.
Hat da jemand eine Idee? Aus den Beispielen die ich gesehen habe, werde ich nicht schlau, da ich das alles irgendwie schon probiert habe
Vielleicht solltest Du Deine Divs hier auch mal wiedergeben?
Ich hab’ auch schon mit verschwindenden Karten gekämpft, meist lag es an einer Mischung aus % und Pixelangaben, vor allem wenn bei den Pixeln die Angabe px gefehtl hat.
ok? Aber muss ich dem unteren nicht die Aufteilung dann als 5% oder so geben?
Das hätte doch dann aber den Nachteil, dass er sich unter Umständen bei anderen Auflösung zu viel/wenig Platz schnappt als für den Text gebraucht?
...
<body onload="init();">
<!-- define a DIV into which the map will appear. Make it take up the whole window -->
<div style="width:100%; height:95%" id="map"></div>
<div id="footer" style="padding-left:30px;font-size:11px;color: #000000;font-family: Arial,sans-serif;background-color: #CBEEA7;width:100%;height:30px;position: absolute; bottom: 0;">
<p>
Data harvested by <a href='http://wiki.openstreetmap.org/wiki/User:UserGroupsBot'>UserGroupsBot</a> at <script> document.write(export_date);</script>
</p>
</div>
</body>
</html>
Ich würde aber auch dazu tendieren, die Bildschirmfläche prozentmäßig aufzuteilen, nicht oben % und unten px.
Also ich habe deinen Code 1:1 eingebaut und bei mir geht es nicht Ich muss bei der mpa height:500px nehmen. Habs unter FF und IE getestet. Kann das sein, dass ich da vorher was beim OpenLayers noch setzen muss?
Also auch auf die Gefahr hin, dass ich mich lächerlich mache aber ich finde den Fehler nicht
Ich habe deine Sachen nochmal gründlich mit meinen vergleichen aber es klappt einfach nicht.
Bei mir funktionierts im Firefox und Safari, wenn ich dem html- und body-Tag auch eine Höhe von 100% gebe. Vermutlich umgeht man damit ein paar Browservoreinstellungen. Die ÖPNV-Karte hat es wohl auch anders gelöst
Ich seh was
Firefox, K-Meleon, IE6
Nur mit Auflösung 800x600 verschwindet der footer hinter der Karte.
Ist ja auch logisch, wenn die Karte 500px hoch sein soll, und der Browserkopf eine gewisse Höhe hat.
Bei höheren Auflösungen sehe ich beides.
90% für die Karte und 10% für den footer; oder 95%/5%. Nur eben keine festen Angaben, weil du nicht weisst, mit welcher Auflösung der Endnutzer am PC/netbook/Smartphone werkelt.
Und für die Breite nur 95%, damit die Rollbalken verschwinden.