Nå dukket denne nyhetsbrev-popupen opp hos meg også, med samme resultat som andre har rapportert om. Så jeg måtte bare inn og se på HTML- og CSS-koden!
TL;DR: Med dette Stylus-arket forsvinner hele boksen:
@-moz-document domain("elbilforum.no") {
#newsletterPopup { display: none; }
}
Du kan altså installere Stylus i nettleseren din og importere ovenstående i Stylus (bruk Import-knappen). Dette er en litt nerdete, men effektiv måte å bli kvitt problemet på (hvis nettleseren din støtter Stylus – det ser dessverre ikke ut til at Safari gjør det).
Den lange historien: Slik ser HTML-koden ut, noe forkortet:
Så newsletterPopup inneholder en iframe som er 760px høy. Det er 201mm (ikke nødvendigvis fysiske, men CSS-millimeter). På min skjerm, og helt sikkert mange andres, er det høyere enn skjermen. Det ville ikke vært noe problem, om det ikke var for stilen som er knyttet til denne (igjen noe forkortet):
Beklager så meget, dette står til en bunnsolid F i faget webutvikling 101.
Redigert: Jeg ser at jeg kom i skade for å anbefale Stylish. Bruk heller Stylus. Saken er den at det ble avdekket for en tid siden at Stylish spionerte på brukerne. Men siden koden var open source med en tilstrekkelig fri lisens, har andre videreført prosjektet under navnet Stylus. Forfatteren av Stylish har beklaget og lovet bot og bedring, men jeg stoler ikke på ham.
TL;DR: Med dette Stylus-arket forsvinner hele boksen:
@-moz-document domain("elbilforum.no") {
#newsletterPopup { display: none; }
}
Du kan altså installere Stylus i nettleseren din og importere ovenstående i Stylus (bruk Import-knappen). Dette er en litt nerdete, men effektiv måte å bli kvitt problemet på (hvis nettleseren din støtter Stylus – det ser dessverre ikke ut til at Safari gjør det).
Den lange historien: Slik ser HTML-koden ut, noe forkortet:
Sitat<div id="newsletterPopup">
<button id="closeNewsletterBox" title="Lukk popup">X</button>
<iframe width="492" height="760" src="/forms/form.php"></iframe>
</div>
Så newsletterPopup inneholder en iframe som er 760px høy. Det er 201mm (ikke nødvendigvis fysiske, men CSS-millimeter). På min skjerm, og helt sikkert mange andres, er det høyere enn skjermen. Det ville ikke vært noe problem, om det ikke var for stilen som er knyttet til denne (igjen noe forkortet):
Sitat#newsletterPopup{Popupen er altså fiksert til nettleservinduet (position: fixed) med nedre kant lik nettleservinduets nedre kant (bottom: 0). Og da sier det seg jo selv at krysset man skal klikke på for å bli kvitt elendigheten, forsvinner over toppen av nettleservinduet. Om man da ikke sitter på en diger skjerm.
text-align: center;
position: fixed;
bottom: 0;
right:2%;
}
Beklager så meget, dette står til en bunnsolid F i faget webutvikling 101.
Redigert: Jeg ser at jeg kom i skade for å anbefale Stylish. Bruk heller Stylus. Saken er den at det ble avdekket for en tid siden at Stylish spionerte på brukerne. Men siden koden var open source med en tilstrekkelig fri lisens, har andre videreført prosjektet under navnet Stylus. Forfatteren av Stylish har beklaget og lovet bot og bedring, men jeg stoler ikke på ham.