x

OSM und CSS3 Media Queries


Geschrieben von Hardyy (Gast) am 22. Dezember 2012 12:00:19: [flux]

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


Antworten: