Fx 117 > Tableiste unten per CSS-Code, nicht per Skript!

Zitat von Redible

Wenn der Haken drin ist sieht es so aus:

Du hast dort oben Rechts noch die 3 Icons (minimieren, maximierien und beenden),

ich glaube weil du das Untere also das Navigations-Bar voll hast werden diese 3 Icons nicht nach Unten verschoben. Darum dieser schwarze Balken. Bei mir siehts so aus wenn ich Menübar ausschalte..

Zitat von omar1979

Du hast dort oben Rechts noch die 3 Icons (minimieren, maximierien und beenden),

ich glaube weil du das Untere also das Navigations-Bar voll hast werden diese 3 Icons nicht nach Unten verschoben. Darum dieser schwarze Balken. Bei mir siehts so aus wenn ich Menübar ausschalte..

Ja wenn ich die Tabs oben habe wie du hier, dann sieht es bei mir auch so aus, dann kann ich auch die Leiste oben entfernen. Aber wenn die userChrome.css aktiv ist dann verändert sich das bei mir.

Zitat von 2002Andreas

aber um Tabs unten

Ja ich dachte, dass es evtl mit dem zutun hat. bin auch kein Profi

Zitat von Redible

userChrome.css aktiv ist dann verändert sich das bei mir.

Dann liegt evtl das Problem bei dem userChrome.css oder einer Code die du dort drin hast.

Zitat von 2002Andreas

Es geht aber um Tabs unten

Kann es sein, das der ↓ Code -Teil irgendwie bei Redible dazwischen funkt?

#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #titlebar {
  height: 36px;
}

ich glaube auch, dass es eins von diesen 2 ist.

Redible mach mal in dem Code diese 2 Zeichen die auf dem Bild grün sind und restarte dann Firefox neu.

Zitat von omar1979

ich glaube auch, dass es eins von diesen 2 ist.

---

Redible mach mal in dem Code diese 2 Zeichen die auf dem Bild grün sind und restarte dann Firefox neu.

Danke, habe es probiert. Hat aber leider nichts gebracht. Sah genauso aus wie vorher.

Zitat von Redible

genauso aus wie vorher.

Warum willst du die Tabs nicht oben? Dann hast das Problem nicht mehr.

Zitat von omar1979

Warum willst du die Tabs nicht oben? Dann hast das Problem nicht mehr.

Ich finde, dass das überhaupt nicht angenehm ist. Weder optisch, noch von der Bedienung her.

Zitat von Redible

Weder optisch, noch von der Bedienung her.

Ok. Jedem das Seine. War nur eine Frage

Zitat von 2002Andreas

Zitat von Redible

Hat aber leider nichts gebracht

Beide Leisten ausgeblendet:

Teste bitte mal:

CSS

#navigator-toolbox {
  position: relative;
  margin-top: -27px !important;
  padding-bottom: calc( var(--tab-min-height) + 8px );
}

.titlebar-buttonbox-container {
  position: fixed;
  right: 0;
  margin-top: -30px !important;
  visibility: visible;
  display: block;
}

#TabsToolbar {
  position: absolute;
  display: block;
  bottom: 0;
  width: 100vw;
  background-clip: padding-box;
  color: var(--toolbar-color);
}

#tabbrowser-tabs {
  width: 100vw;
}

Alles anzeigen

Die Werte in Zeile 3 und 10 musst du dir evtl. noch anpassen.

Hahaaaaaaa sooo geil. Ich danke dir. Habe Zeile drei noch auf -20 angepasst dann sah es für mich gängig aus. Ich danke dir 1000 mal!

Der CSS-Code aus Beitrag 1 funktioniert mit Nightly seit heute nicht mehr... das Alternativ-Script schon. Kann das jemand bestätigen?

Der zitierte Code #268 aus Seite 14 klappte über viele Versionen einwandfrei.

Ab dem FF 96.0.2. jedoch habe ich das Problem wie auf dem Screenshot.

Wird eine Seite aufgerufen, schiebt sich diese einen Teil nach oben über den Tab-Hintergrund, der aktive Tab ragt dann in die Seite rein, unter den inaktiven Tabs fehlt der Abstand zur Seite. Für den Sekundenbruchteil davor ist die Tab-Zeile einwandfrei in ganzer Höhe richtig zu sehen.

Habe versucht einige Parameter zu ändern, klappt nicht.

Kann mir jemand helfen, wie ich wieder die vollständige Tab-Hintergrundhöhe erhalte wie vor 96.0.2.?

@-moz-document url(chrome://browser/content/browser.xhtml) {

#PopupSearchAutoComplete menuseparator.searchbar-separator {

display: none !important; /* horizontale Linie bei Suchen ausblenden */

}

#TabsToolbar {

background: #DDDDDD !important; /* Hintergrundfarbe der Tableiste */

position: absolute !important;

display: block !important;

top: 93px !important; /* Abstand der Tabs von oben */

width: 100% !important; /* Breite der Tableiste */

}

#tabbrowser-tabs {

width: 100vw !important;

}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {

padding-bottom: 25px !important;

}

:root {

--tab-min-height: 17px !important; /* Mindesthöhe der Tabs */

}

:root #tabbrowser-tabs {

--tab-min-height: 17px !important; /* Mindesthöhe des Aktiven Tabs */

}

.tabbrowser-tab:not([selected="true"]) {

color: #000000 !important; /* Inaktiver Tab: Schriftfarbe */

background: #DDDDDD !important; /* Inaktiver Tab: Hintergrundfarbe */

width: 130px !important; /* Inaktiver Tab: Breite */

border: 1px solid #D4D4D4 !important; /* Inaktiver Tab: Rahmen Breite, Art und Farbe */

}

.tabbrowser-tab[selected] .tab-content {

color: #000000 !important; /* Aktiver Tab: Schriftfarbe */

background: #FFFFFF !important; /* Aktiver Tab: Hintergrundfarbe */

width: 130px !important; /* Aktiver Tab: Breite */

border: 1px solid #D4D4D4 !important; /* Aktiver Tab: Rahmen Breite, Art und Farbe */

}

.tabbrowser-tab:not([pinned]) {

-moz-box-flex: 0!important;

width: 130px !important; /* Hintergrundfläche der Tabs: Breite */

}

#toolbar-menubar .titlebar-button {

padding-bottom: 4px !important;

}

.tab-icon-overlay {

transform: scale(1.5, 1.5) !important; /* Lautsprechersymbol größer */

}

.tab-close-button {

color: red !important;

}

}

Zitat von 2002Andreas

Zitat von myfire

Kann mir jemand helfen

Teste bitte:

Vielen Dank für Deine Hilfe,

die Ansicht ist wieder ok,

myfire

Zitat von 2002Andreas

Zitat von myfire

Vielen Dank für Deine Hilfe,

Gerne doch

Noch eine Frage - wo ist denn die Stellschraube für die vertikale Höhe der Tabs?

Hab in Deinem Code ein paar Anpassungen gemacht, dafür aber nichts gefunden.

Meine HTML-1-Kenntnisse liegen lange zurück