Hallo Zusammen,
ich habe ein Problem bei der Erstellung eines responsiven Layouts. (CSS).
Im oberen Bereich einer Website habe ich eine Grafik eingebunden, die den Container, der eigentlich die Seite begrenzt, "nach rechts raus rutscht", wenn die Seite auf dem Mobilgerät angezeigt wird.
Alle anderen Elemente werden "zusammengeschoben" (was gewünscht ist) bzw. an die Anzeige des Mobilgeräts angepasst.
Nur die Grafik wird nicht "verkleinert".
Ich habe schon einige CSS einstellungen versucht, aber leider erfolglos.
Vielleicht kann mir jemand helfen ?
Die Seite, um die es geht ist hier (http://www.bodywork-release.de) zu erreichen.
Das responsive Layout ist erst in der Entstehung...
Hey maiemi,
Schneller workaround: setz für das img-Tag folgendes:
#bwlogo img {
width: 100%;
max-width: 380px;
}
die 380px sind die tatsächliche Breite des Bildes. Sobald der Container des img Elements kleiner als die Bilderbreite wird, skaliert das Bild runter.
Beste Grüße
_Andreas
Hallo HP_Designer,
das hatte ich schon getestet, ist leider ohne Wirkung.
Ich weiss mir keinen Rat mehr :-/
Nein, du hast width:auto gesetzt, nicth width:100% ;) das ist in diesem Fall ein bedeutender Unterschied!
Hallo HP_designer, das stimmt, die 100% habe ich wieder "zurück" eingetragen, als die max-width nicht gewirkt hatten.
Das Problem ist nicht die Größe, sondern, dass die Grafik "nach rechts raus rutscht", wenn das Fenster zu klein wird. (sehe Bild)
Hallo HP_designer... nochmal danke für Deinen Hinweis. ich habs nochmal getestet und siehe da: es klappt !
Du hattest recht Hätte mal den Browsercache leeren sollen ???
Freut mich wenns funktioniert! Der Browser Cache is ne fiese Sache ;) Viel Erfolg noch!