Hallo Breadfish-Community,
ich habe ein kleines Problem, und zwar möchte ich eine Trennlinie für die Bildschirmgröße von 400px bis 480px anpassen.
Die Linie habe ich schon formatieren können, aber das "Icon"/Bild will sich nicht verschieben, egal ob ich margin-left oder padding-left verwende.
Habe auch schon versucht andere Position zu nehmen aber ohne Erfolg.
Ich stelle mir die Frage weshalb auch im negativen sowohl Positiven Bereich nichts verschoben wird, ist anscheinend "verankert" oder verstehe ich das falsch? 
Ich stehe aufm Schlauch, vielleicht kann mir einer weiterhelfen 
CSS
/* für größere Bildschirme; klappt :) */
.car-icon {
background-image: url(URL);
background-repeat: no-repeat;
height: 10em;
width: 10em;
margin-left: 47em;
position: absolute;
margin-top: -0.5em;
}
.car-divider {
background-color: #e5e5e5;
width: 46em;
height: 2px;
margin-bottom: 3em;
margin-left: 9.9em;
}CSS
@media (min-width: 400px) and (max-width: 480px) {
.car-divider { // Funktioniert
position: relative;
margin-top: 29em;
max-width: 21em;
}
.car-icon { // Problem: will sich nicht verschieben
margin-left: -20em;
position: absolute;
}
}
HTML:
HTML
<div class="car-divider">
<div class="car-icon"></div>
</div>Screenshot:
Auf dem Desktop ( kein Problem ) :
Auf dem Handy ( Problem... ) :
FullSizeRender.jpg
