Neuigkeiten:

moziloCMS verwendet Cookies. Wenn Sie auf unserer Seite weitersurfen, stimmen Sie der Cookie-Nutzung zu Datenschutzerklärung
moziloCMS Layouts
moziloCMS Plugins

Hauptmenü

Responsives Layout

Begonnen von maiemi, 29. März 2016, 14:35:07

« vorheriges - nächstes »

maiemi

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 zu erreichen.
Das responsive Layout ist erst in der Entstehung...

HPdesigner

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
Check my website devmount.de
and find me on Twitter, Medium, GitHub, StackOverflow, Codepen and Slack

maiemi

Hallo HP_Designer,

das hatte ich schon getestet, ist leider ohne Wirkung.
Ich weiss mir keinen Rat mehr :-/

HPdesigner

Nein, du hast width:auto gesetzt, nicth width:100% ;) das ist in diesem Fall ein bedeutender Unterschied!
Check my website devmount.de
and find me on Twitter, Medium, GitHub, StackOverflow, Codepen and Slack

maiemi

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)

maiemi

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  ???

HPdesigner

Freut mich wenns funktioniert! Der Browser Cache is ne fiese Sache ;) Viel Erfolg noch!
Check my website devmount.de
and find me on Twitter, Medium, GitHub, StackOverflow, Codepen and Slack