div und css Reponsiv?

Shorty1968

Erfahrenes Mitglied
Hallo,
ich habe mir in meiner html Datei mit Folgenden Code ein Bild eingebunden.
HTML:
<div class="freeShipping"><img src="{$tpl_path}img/freeShipping.png" alt="" /></div>
und in der styleseet.css
CSS:
.freeShipping {
margin: -100px 0 -100px 1600px; 
}
was muss ich machen damit es Reponsiv auch dargestellt wird,sprich das es angezeigt wird wenn man es mit Smartphone,Tablet usw angezeigt wird?
 

basti1012

Erfahrenes Mitglied
dafür gibt es ja @media queries wo du verschiedene Bildschirmgrößen deine Container anpassen kannst. Wie und was das mußt du mal testen weil wir deine Seite ja nicht kennen und auch nicht wissen wie du es gerne hättest. @meadi queries kann man auch öfters verwenden zb handygröße ,tablettgröße und laptop Bildshirm.
 

Shorty1968

Erfahrenes Mitglied
Ok danke dann verstehe ich das bei mir nicht,ich habe es genau so eingerichte wie das Log das Logo Passt sich an aber das selbst erstellte nicht.

Gibt es den noch eine möglichkeit der Automatischen Bildschirm anpassung?
 

basti1012

Erfahrenes Mitglied
kannst du das mal online stellen oder deinen Code posten ? Ist jetzt schwer da irgendwas zu sagen wenn man deinen aufbau und co nicht kennt ?
 

basti1012

Erfahrenes Mitglied
man bin ich blöd. Habe jetzt erst auf deinen Namen geachtet. Es geht bestmmt um das Logo was bei deskop Ansicht hinter den Container verschwindet oder ? Wo soll das Logo den generell sichtbar sein? Und wann ?Bei jeder Größe von Bildschirmen ,oder soll es zb bei Handy ganz rausgenommen sein oder zbkleiner sein ?
 

Shorty1968

Erfahrenes Mitglied
kein Problem bin ja nicht berühmt.:D

Das Reponsive klappt ja,das Problem ist wenn ich mir den Shop in einer anderen Auflösung1680 x 1050 anschaue das das Logo Versandkostenfrei über den rechten rand geht und das soll genau so angezeigt werden wie in der Normalen Auflösung 1920 x 1080 und ja genau auch um das welches hinter den Container verschwindet.
 

Sempervivum

Erfahrenes Mitglied
Da gibt es ja einige Probleme mit Überdeckungen, auch bei dem Schnäppchenpiet-Logo und dem SSL-Sichere Verbindung. Und das Free-Shipping-Logo ist, wenn man nicht im Vollbild ist, ganz rechts und nicht sichtbar. Ich würde daran denken, diese in eine eigene Zeile und im normalen Fluss zu platzieren.
 

Neue Beiträge