Hallo Zusammen,
@Hanspeter:
Danke für das CSS. Du hast recht, war ein Schnellschuß vor mir.
Für die schmale Variante habe ich eine min-width vergessen, es sollte also so in der stylesheet.css stehen
#eucookielaw {
bottom: 0;
margin-bottom: 0;
position: fixed;
right: 0;
width: 20%;
min-width: 350px;
z-index: 999999;
}
@Timm:
Stimmt, das Banner im Testshop von Hanspeter ragt auf schmalen Bildschirmen über den Rand.
Das Bild hat aber auch nicht die class="img-responsive", oder die CSS-Anweisung img {display: block; height: auto; max-width: 100%;}.
Füge im Firebug diese Regel hinzu und du wirst das Ergebnis sehen.
Wenn sich bei dir ein Bild (trotz der CSS-Anweisungen für img) in der Höhe verzerrt, dann wird height:auto; durch eine andere Anweisung überschrieben.
Gibt es z.B. irgendwo eine Anweisung #container img {height: 500px;}, dann ist diese höherwertiger und überschreibt das height:auto.
Eventuell hilft es, wenn du "!important" anfügst.
Zur Ladezeit:
Die sollte sich noch verbessern, wenn Komprimierung und Cache aktiviert sind.
Gruß Karl