Zur Navigation

Abstand Adsense-Anzeigen zu Video-Box

1 krieger98

Hallo,
Wie kann ich folgendes beseitigen:
Auf dem Destob werden die Videos und der Abstand der Google Adsense-Anzeigen richtig dargestellt. Auf dem Handy (HUAWEI) ist der Abstand der Anzeigen zu der Video-BOX zu groß. Was sind die Ursachen und muss geändert werden?
<div class="video">
<video controls="true" height="380" poster="workshop/Videos/bild-workshop.jpg" preload="none" width="510">
<source src="Workshop/Videos/sram-schaltwerk-einstellen.mp4" type="video/mp4" />
</video> <!--[if lt IE 9]><![endif]--><br><br></div>
<br><br>
<div class="extra">
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle" data-ad-client="ca-pub-5408847667804266" data-ad-format="auto" data-ad-slot="3402185798" style="display: block">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Beispiel: https://www.fahrrad-workshop-sprockhoevel.de/sram-schaltung-einstellen.htm

29.03.2019 10:57

2 Jörg

Das liegt daran, dass die Video-Box immer 380px hoch ist:

div.video {
    height: 380px;
    text-align: center;
}

Bei kleineren Bildschirmbreiten wird das darin enthaltene Vorschaubild aber (auch in der Höhe) herunterskaliert, so dass dadrunter dann mehr Platz frei ist. Probier mal, die Höhenangabe von div.video wegzulassen.

29.03.2019 11:32

3 krieger98

Zitat von Jörg
Das liegt daran, dass die Video-Box immer 380px hoch ist:

div.video {
    height: 380px;
    text-align: center;
}

Bei kleineren Bildschirmbreiten wird das darin enthaltene Vorschaubild aber (auch in der Höhe) herunterskaliert, so dass dadrunter dann mehr Platz frei ist. Probier mal, die Höhenangabe von div.video wegzulassen.

Danke !!!
Habe es versucht hat aber nichts gebracht.
Was könnte ich noch machen?

29.03.2019 17:15

4 Jörg

den Browser-Cache leeren

29.03.2019 19:19

5 krieger98

Zitat von Jörg
den Browser-Cache leeren

Habe ich gemacht.

30.03.2019 09:10

6 Jörg

Dein Webserver teilt mit, dass die CSS-Dateien einen Monat gültig sind:

expires: Wed, 01 May 2019 09:30:33 GMT

Wenn der Browser-Cache sich nicht richtig leeren lässt, muss man dann wohl bis zu einen Monat warten, bis der Browser sich die aktualisierte CSS-Datei holt...

... oder alternativ die Browser zwingen, die CSS-Datei schon vorher abzufragen (siehe unter "Vorzeitiger Refresh von CSS- und JavaScript-Dateien"):

https://jkip.de/howtos/expires-header

01.04.2019 11:37 | geändert: 01.04.2019 11:37

Beitrag schreiben (als Gast)





[BBCode-Hilfe]