Hallo,
meine Homepage mit OSM funktioniert einwandfrei.
Damit alles auch unter anderen Auflösungen bis hin zum iPad und iPhone funktioniert, habe ich CSS3 Media Queries eingesetzt
in der Form:
@media screen and (orientation:portrait) and (max-width:730px) {
#side, #columnleft, #columnright, #content, {
width: 100%;
float:none;
}
}
img {
height: auto;
max-width: 100%;
}
Die Skalierung klappt sehr gut, mein Logo wird dank dem Zusatz: img{… mit skaliert.
Nur gerade dieser Zusatz “zerschießt” mir die Kartendarstellung.
Lasse ich den img-Zusatz weg, ist alles wieder in Ordnung aber mein Logo wird nicht mit skaliert und verschiebt mir das ganze Layout.
Weiß jemand eine Lösung?
[d:/dokumente/OSM mit Media Queries.png](d:/dokumente/OSM mit Media Queries.png)