Seite 1 von 1

CSS wird nicht genommen

Verfasst: Do 1. Okt 2020, 15:35
von farina
Hallo,

ich stehe gerade total auf dem Schlauch.
Möchte ein Youtube-Video reponsive einbinden, aber meine CSS werden nicht genommen.
Die Anweisungen stehen in der CSS-Datei, die auch geladen wird.

Code: Alles auswählen

/*youtube responsive*/
.resp-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
	height: 0; 
	overflow: hidden;
}
 
.resp-video iframe,
.resp-video object,
.resp-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
Die Klasse ist im Div-Container, der um den iframe liegt angegeben.

Code: Alles auswählen

<div class="resp-video">
<iframe width="860" height="484" src="https://www.youtube-nocookie.com/embed/XXX?rel=0" frameborder="0" allowfullscreen=""></iframe>
</div>
Die CSS-Anweisungen werden allerdings nicht angenommen.
Ich kann auch keine Script-Fehler entdecken. Hat jemand eine Ahnung woran das liegen könnte?
LG farina

Re: CSS wird nicht genommen

Verfasst: Fr 2. Okt 2020, 08:24
von xmurrix
Hallo farina,

das Einzige, was mir da einfällt, dass der Browser die alte Version der CSS aus dem Cache lädt. Vielleicht hilft das Leeren des Cache.

Gruß
xmurrix

Re: CSS wird nicht genommen

Verfasst: Fr 2. Okt 2020, 08:51
von Faar
xmurrix hat geschrieben:
Fr 2. Okt 2020, 08:24
Vielleicht hilft das Leeren des Cache.
Würde ich auch zuerst vermuten, dass da ein Cache dazwischen funkt. Entweder im Browser oder in Contenido.
Bei mir passiert das sogar sporadisch: Eine Weile lang aktualisiert es problemlos, plötzlich cached der Browser und zeigt das neue CSS nicht an.

Ich teste auch im Webdeveloper-Inspektor, ob das neue CSS überhaupt angezeigt wird und ob es geladen oder ausgegraut ist, weil etwas anderes meine anweisung überschreibt. Diese "width" und "height" im iframe könnte hinderlich sein. Ich ändere das immer im Quelltext, wozu man dem Editor natürlich die nachträgliche Korrektur austreiben muss.

Re: CSS wird nicht genommen

Verfasst: Mo 5. Okt 2020, 12:23
von farina
Danke,
das Problem mit dem Cache habe ich auch manchmal.
Allerdings war das geschilderte Problem in 3 verschiedenen Browsern. 2 davon hätten eigentlich aktuelle CSS laden müssen.
Ich habe es dann so gelöst, dass ich die CSS-Anweisungen direkt in den Quellcode eingebunden habe. Das hat geklappt.
LG farina