Huhu an alle Designer, die sich mit CSS befasst haben :).
Ich habe hier ein CSS-Schnipsel, welcher in einem Punkt nicht funktioniert:
CSS
@media (min-device-width: 1400px) and (max-device-height: 1050px) {
div#cmsContent102 {
margin-left: 35px;
}
div#cmsContent102 div:nth-child(3) {
margin-left: 50px;
}
div#cmsContent102 > ul.nativeList {
margin-left: 465px;
}
}
Alles anzeigen
Es ist der Code in Zeile 5, gleich ob ich > nutze oder nicht, es wird einfach der angefragte CSS-Overwrite nicht mal ansatzweise implementiert,
sprich, in den Developertools im Chrome (F12 müsste das sein), wird kein passender CSS zu dem eigentlich betroffenem Element ausgeworfen, zu den
anderen Elementen jedoch schon. Warum ignoriert man hier also die Anweisung in Zeile 5?
Die Anpassung erfolgen für eine Fireball-CMS Seite, die bei einigen Auflösungen unschön aussehen.
Gruß
Chaos234