Ankündigung

Einklappen
Keine Ankündigung bisher.

Fensterbreite abzüglich Scrollbalken definieren

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Fensterbreite abzüglich Scrollbalken definieren

    Ich habe mit Wordpress (Theme: Avada) eine Website erstellt. Einige Elemente (z.B. Logo) sind horizontal zentriert. Offenbar wird die Fensterbreite einschließlich Scrollbalken gerechnet. Dadurch wirken die zentrierten Elemente im sichtbaren Fenster nach rechts verschoben. Wie kann ich einstellen, dass die Fensterbreite abzüglich Scrollbalken berechnet wird?

  • #2
    ein Container der mit 100 pixel angegeben ist ,beinhaltet auch die Scroll Balken. Wenn du den 100 Pixel + Scrollbalken haben willst mußt du das wohl selber dazu rechen. Scrollbalken sind glaube ich 16 Pixel groß. Ob es da nee möglichkeit gibt das so was glech von Browser berechnet wird oder so weiß ich auch nicht. Notfalls muß man sich halt ein Script mit Javascript zusammen bauen der das automatisch abzieht oder so .

    Wo ist den genau dein Problem mit den Balken?
    Vieleicht kannst du mal ein Beispiel Zeigen damit man da nee Lösung für dich finden kann
    Mein (Basti1012) Forum und Chat

    Kommentar


    • #3
      Ob es da nee möglichkeit gibt das so was glech von Browser berechnet wird oder so weiß ich auch nicht.
      Bei den gängigen Methoden zur horizontalen Zentrierung (text-align:center, margin:auto, Flex und justify-content:center) werden die Scrollbalken korrekt eingerechnet, z. B. hier:
      http://jsfiddle.net/Sempervivum/pf6w01ze/

      Kommentar


      • #4
        Danke, aber ich suche etwas andreres. Es muss einen Befehl in PHP oder Javascript geben, dass die Fensterbreite ohne Scrollbalken berechnet wird. Ich weiß aber nicht, wie dieser Befehl lautet und wo er in einem Wordpress-Theme eingefügt wird.

        Kommentar


        • #5
          Es muss einen Befehl in PHP oder Javascript geben, dass die Fensterbreite ohne Scrollbalken berechnet wird.
          Ganz so einfach ist es nicht. Es gibt nicht den einen Befehl dafür, sondern es gibt verschiedene Verfahren, um Elemente zu zentrieren, ich erwähnte es schon in meinem ersten Post, dort nur für horizontale Zentrierung und das sind nicht mal alle. Man müsste analysieren, auf welche Weise die Elemente, z. B. dein Logo, zentriert werden und es dann umstellen, so dass die Scrollbars berücksichtigt werden. Leider habe ich keine Kenntnisse in WP, so dass ich keine Anleitung geben kann, wie man dort vorgehen muss.

          Kommentar


          • #6
            Hi,
            Zitat von j.maedlow Beitrag anzeigen
            Es muss einen Befehl in PHP oder Javascript geben, dass die Fensterbreite ohne Scrollbalken berechnet wird.
            PHP hat mit der Formatierung nichts zu tun, die sollte man mit CSS vornehmen und die gängigen Methoden wurden Dir genannt.

            Javascript gibt über die Eigenschaft clientWidth die tatsächliche Fensterbreite ohne border, margin und Scrollbalken zurück.
            Dies ist aber nur in Ausnahmefällen absoluter Positionierung nötig, die meist vermieden werden sollte.
            Ich hatte mal ein Script zur zentrierten Positionierung eines PopUps erstellt, das Du gerne für Dein Logo anpassen kannst.

            Gruß
            Ingo
            Websitecheck/Support/Entwicklung, CSS/XHTML-Unterstützung, Suchmaschinenoptimierung, PHP-Programmierung - für Webmaster und solche, die es werden wollen.
            Ingo Webdesign

            Kommentar

            homepage-forum.de - Hilfe für Webmaster! Statistiken

            Einklappen

            Themen: 56.375   Beiträge: 428.051   Mitglieder: 27.717   Aktive Mitglieder: 80
            Willkommen an unser neuestes Mitglied, Oldiebumser.

            Online-Benutzer

            Einklappen

            674 Benutzer sind jetzt online. Registrierte Benutzer: 2, Gäste: 672.

            Mit 1.625 Benutzern waren am 17.03.2018 um 18:52 die meisten Benutzer gleichzeitig online.

            Die neuesten Themen

            Einklappen

            • daniel5959
              Antwort auf Hallo, ein Neuer!
              Hallo,

              bei den Websites Nr. 1 und 3 sind mir rechtliche Probleme aufgefallen - Hinweise an die Mailadressen der Betreiber verschickt.

              Allerdings bin ich kein Jurist und habe deshalb auch nicht alle möglichen rechtlichen Fehlerquellen überprüft.

              Optisch sind...
              Gestern, 18:55
            • TheBablegum
              Antwort auf Meine Webseite, eure Meinung!
              Danke für ihre Meinung, ich werde versuchen dies umzusetzen.
              Natürlich ist mir klar das man Geld investieren muss, dass geht allerdings erst wenn man genug Geld hat
              Gestern, 16:11
            • arnego2
              Antwort auf Meine Webseite, eure Meinung!
              Webseiten die noch nicht fertig sind ins Netz zu stellen ohne ihre Indexierung zu verhindern ist grob Fahrlässig, die Suchmaschinen sehen das nicht gern den es gibt Mittel und Wege die Bots am Indexieren zu hindern.

              Na ja eventuell sind diejenigen die Geldnebenbei verdienen wollen weniger...
              Gestern, 14:21
            • hubix
              Antwort auf Hallo, ein Neuer!
              Wow, krass, wie die Zeit vergeht!

              Von den Foren habe ich keines mehr. Aber dafür sind hier und da neue Homepages und auch 2 Online-Shops dazu gekommen...

              Für unseren Taekwondo-Verein:
              Kampfsport Neustadt

              Im Aufbau ein Blog über die grieschiche Urlaubsinsel...
              Gestern, 09:00
            • arnego2
              Antwort auf hreflang Tags
              2 Domains eins für Französisch eins für Deutsch.
              Bei den Franzosen bin ich recht sicher das ihnen eine voll Französische Seite mehr gefallen würde als eine mit Deutschen geteilte. Das meinte ich mit dem Eigensinn der Menschen.

              Eine Webseite muss dem User gefallen, ihm was abzunehmen,...
              24.03.2019, 16:13

            Kostenlose Homepage bei Jimdo!

            Einklappen

            Jimdo

            Die neuesten Beiträge

            Einklappen

            • daniel5959
              Antwort auf Hallo, ein Neuer!
              Hallo,

              bei den Websites Nr. 1 und 3 sind mir rechtliche Probleme aufgefallen - Hinweise an die Mailadressen der Betreiber verschickt.

              Allerdings bin ich kein Jurist und habe deshalb auch nicht alle möglichen rechtlichen Fehlerquellen überprüft.

              Optisch sind...
              Gestern, 18:55
            • TheBablegum
              Meine Webseite, eure Meinung!
              Mooin,
              ich betreibe nun seit geraumer Zeit meine eigene Webseite zum Thema Paidmailer und Werbemöglichkeiten.
              Da ich noch relativ weit am Anfang stehe und das meine erste Webseite ist, suche ich auch immer wieder Meinungen und Verbesserungsvorschläge.
              Sei es jetzt zum Layout, der...
              24.03.2019, 15:30
            • TheBablegum
              Antwort auf Meine Webseite, eure Meinung!
              Danke für ihre Meinung, ich werde versuchen dies umzusetzen.
              Natürlich ist mir klar das man Geld investieren muss, dass geht allerdings erst wenn man genug Geld hat
              Gestern, 16:11
            • arnego2
              Antwort auf Meine Webseite, eure Meinung!
              Webseiten die noch nicht fertig sind ins Netz zu stellen ohne ihre Indexierung zu verhindern ist grob Fahrlässig, die Suchmaschinen sehen das nicht gern den es gibt Mittel und Wege die Bots am Indexieren zu hindern.

              Na ja eventuell sind diejenigen die Geldnebenbei verdienen wollen weniger...
              Gestern, 14:21
            • hubix
              Antwort auf Hallo, ein Neuer!
              Wow, krass, wie die Zeit vergeht!

              Von den Foren habe ich keines mehr. Aber dafür sind hier und da neue Homepages und auch 2 Online-Shops dazu gekommen...

              Für unseren Taekwondo-Verein:
              Kampfsport Neustadt

              Im Aufbau ein Blog über die grieschiche Urlaubsinsel...
              Gestern, 09:00
            • Atlan
              hreflang Tags
              Hallo,
              habe immer noch ein Problem mit den hreflang Tags

              unsere Seite: https://www.*****.com, besteht aus dem Deutschen Teil unter *****.com und dem französischen Teil unter *****.com/fr/.
              -----------
              <!DOCTYPE html>
              <html lang="de">
              ...
              23.03.2019, 16:41
            • arnego2
              Antwort auf hreflang Tags
              2 Domains eins für Französisch eins für Deutsch.
              Bei den Franzosen bin ich recht sicher das ihnen eine voll Französische Seite mehr gefallen würde als eine mit Deutschen geteilte. Das meinte ich mit dem Eigensinn der Menschen.

              Eine Webseite muss dem User gefallen, ihm was abzunehmen,...
              24.03.2019, 16:13
            • Fragman
              Ausgabe als Link
              Hallo...

              habe eine Datenbank mit Songtexten mit Ausgabe auf einer Webseite. Es gibt eine Vorauswahl der Titel nach Buchstaben.
              Angezeigt wird dann eine Liste der Titel und des Interpreten.
              Wie mache ich aus der Ausgabe der Titel einen Link der dann den entsprechenden Text anzeigt??...
              21.03.2019, 21:05
            • Sempervivum
              Antwort auf Ausgabe als Link
              Danke für den Hinweis, PHP und Datenbanken sind weniger meine Stärke. Wenn man eine ID verwendet, wird das Ganze dann wesentlich einfacher.
              24.03.2019, 14:22
            • Rudolfo
              Antwort auf Online Speicherplatz / Storage / Cloud gesucht!
              Also ich bin auch ein überzeugter Cloud-Nutzer. Deswegen würde ich dir die Ratgeber von G Data empfehlen. Dieser zeigt alle Angebote, wichtige Information und erklärt auch ein paar Hintergründe. Ich bin selber auch durch den Ratgeber auf die Option der Cloud aufmerksam geworden und er hat mich überzeugt....
              ☁ Fotos, Videos, Dokumente: Einfach in die Cloud laden und teilen.☀ Wir zeigen Ihnen, wie sie funktioniert und wie im Cloud-Speicher alles sicher bleibt! ☁
              24.03.2019, 14:20
            Lädt...
            X