Status/Url-Panel unter FF 106 nicht mehr da wo es sein sollte und ohne Inhalt

Mr. Cutty

Mit Firefox 106 ist mein Status/Url-Panel nicht mehr da wo es sein sollte, also etwas höher, sondern klebt am unteren Rand und zeigt darin nichts mehr an.

Mein bisheriger Code.

CSS

/* ---------------- */
/* Status/Url-Panel */
/* ---------------- */

#statuspanel {
  background-color: #F5F6F7 !important;
  border: none !important;
  margin-top: -32px !important;
  height: 22px !important;
  max-width: 80% !important;
  box-shadow: 0px 0px 4px 0px #353535 !important;
  background: #F5F6F7 !important;
  transition: none !important;
}

#statuspanel-label {
  border: none !important;
  background: transparent !important;
  padding-top: 3px !important;
  margin-left: 16px !important;
  margin-right: 16px !important;
  padding-bottom: 20px !important;
  font-size: 11px !important;
  color: #000000 !important;
}

Alles anzeigen

Was müsste hier geändert werden?

2002Andreas

Zitat von Mr. Cutty

Was müsste hier geändert werden?

Evtl. hilft dir das weiter:

Beitrag

RE: Linkanzeige links unten geht nicht mehr nach Inst. von Statusleiste

[…]

Teste bitte mal dieses Script. Evtl. muss du dir die Werte in Zeile 30 bzw. 31 noch etwas anpassen.

(Quelltext, 72 Zeilen)

2002Andreas

14. Oktober 2022 um 12:09

In dem Script ist der CSS Code schon enthalten.

2002Andreas

Oder teste bitte mal diesen Code, und passt dir die Abstände evtl. noch an.

CSS

#statuspanel {
  bottom: -20px !important;
  margin-left: 0px !important;
  border: none !important;
  margin-top: -3px !important;
}

#statuspanel-label { 
  margin-left: 16px !important;  
  border: none !important;
  background: transparent !important;
  font-size: 11px !important;
}

Alles anzeigen

Mr. Cutty

Zitat von 2002Andreas

Oder teste bitte mal diesen Code, und passt dir die Abstände evtl. noch an.

CSS

#statuspanel {
  bottom: -20px !important;
  margin-left: 0px !important;
  border: none !important;
  margin-top: -3px !important;
}

#statuspanel-label { 
  margin-left: 16px !important;  
  border: none !important;
  background: transparent !important;
  font-size: 11px !important;
}

Alles anzeigen

Das funktioniert leider gar nicht. Da erscheint nämlich nichts.

Mittlerweile habe ich den Balken wieder in der richtigen Höhe, aber die Schrift bleibt weiterhin unten kleben.

CSS

/* ---------------- */
/* Status/Url-Panel */
/* ---------------- */

#statuspanel {
  background-color: #F5F6F7 !important;
  border: none !important;
  margin-top: -32px !important;
  height: 22px !important;
  max-width: 80% !important;
  box-shadow: 0px 0px 4px 0px #353535 !important;
  background: #F5F6F7 !important;
  transition: none !important;
  margin-bottom: 20px !important;
}

#statuspanel-label {
  border: none !important;
  background: transparent !important;
  padding-top: 3px !important;
  margin-left: 16px !important;
  margin-right: 16px !important;
  padding-bottom: 20px !important;
  font-size: 11px !important;
  color: #000000 !important;
}

Alles anzeigen

Dieses JavaScript habe ich bisher nicht ausprobiert, da ich meinte das ich kein JavaScript mehr benötige für die Einblendung der einfachen Status/Url-Leiste und ich schon lange auf eine echte Statusleiste verzichte.

2002Andreas

Zitat von Mr. Cutty

Da erscheint nämlich nichts.

Neuer Versuch

CSS

#statuspanel {
  max-height: 0px !important;
  background: #F5F6F7;
  padding-top:5px !important;
  padding-bottom: 20px !important;
  margin-bottom: 20px !important;
  margin-left: 0px !important;
  border: none !important;
  margin-top: 3px !important;
}

#statuspanel-label { 
  margin-bottom: 20px !important;
  margin-left: 16px !important;  
  border: none !important;
  background: transparent !important;
  font-size: 11px !important;
  color: #000000 !important;
}

Alles anzeigen

Die Abstände musst du dir evtl. anpassen.

Mr. Cutty

Danke. Funktioniert.

CSS

/* ---------------- */
/* Status/Url-Panel */
/* ---------------- */

#statuspanel {
  border: none !important;
  background-color: #F5F6F7 !important;
  height: 24px !important;
  max-width: 80% !important;
  box-shadow: 0px 0px 4px 0px #353535 !important;
  padding-top: 2px !important;
  margin-bottom: 15px !important;
}

#statuspanel-label { 
  border: none !important;
  background: transparent !important;
  margin-left: 16px !important;
  margin-right: 16px !important;
  font-size: 11px !important;
  color: #000000 !important;
}

Alles anzeigen

2002Andreas

Zitat von Mr. Cutty

Danke. Funktioniert.

Gerne doch, auch wenn es etwas gedauert hat bei mir

Status/Url-Panel unter FF 106 nicht mehr da wo es sein sollte und ohne Inhalt

Mr. Cutty 18. Oktober 2022 um 15:21

RE: Linkanzeige links unten geht nicht mehr nach Inst. von Statusleiste

Ähnliche Themen

FF-Fussball Thread

Avast übernimmt "I don't care about cookies"

"Tab-Tooltip" - Favicon und Label als Popup

PDF beim Öffnen nicht automatisch speichern

Nach neustem Update Hintergrund von Drop-Down Menüs auf Websites schwarz

arbeiten mit einer policies.json