Selber zentrieren

  • Hi, wenn ich vereinzelt auf so eine Webseite komme, die nich zentriert ist, kann ich das selber tun? :-??? Diese Webseiten stehen dann meisten ganz weit links, weil ich gern mit maximiertem Browserfenster surfe.

    Info Road-Runner: nach Anpassungen verschoben, da das Thema nichts mit Barrierefreiheit zu tun hat.

  • http://www.abendblatt.de/

    Die haben dort ein linksbündiges Layout. Wie bekomm ich das in die Mitte meines Bildschirms? Was wirklich toll wäre: Firefox sollte am besten die Webseite auf meinen Wunsch hin so darstellen, als hätte der Webdesigner ein <center> Tag um die ganze Seite gemacht, damit ich nicht das Firefox-Fenster so weit nach rechts verschieben muss, bis ich so eine seltsame Webeite bequem lesen kann. Wenn soetwas nicht geht, werde ich weiterhin immer wieder mal auf die linke Seite meines 24" TFT schauen müssen. Das wiederum kommt daher, dass Webseiten eben unterschiedlich breit sein können, also will ich beim Surfen keine unnötigen Grezen setzen und maximiere das Fenster von Firefox. Ich bin sicher nicht der einzige mit diesem Problem? Wieso sind manche Layouts heutzutage immer noch linksbündig?

  • @ M4rkus,

    hiermit könnte es gehen

    CSS
    @namespace url(http://www.w3.org/1999/xhtml);
    
    
    @-moz-document domain("abendblatt.de") {
    body > div { margin: auto !important; }
    }


    Syntax: Stylish = diesen script in Stylish eintragen :wink:

    Gruß ReVox
    "Theorie ist, wenn man alles weiß und nichts geht. Praxis ist, wenn alles funktioniert und nicht weiß warum.
    Bei Windows sind Theorie und Praxis vereint, nichts funktioniert und keiner weiß warum!"
    Meine gegebenen Tips & Antworten sind wie die Lottozahlen - immer ohne Gewähr ;)

    Mozilla/5.0 (Windows NT 10.0; WOW64; rv:38.0) Gecko/20100101 Firefox/38.5.1-ESR

  • Hallo Revox
    Dein Code funktioniert hier prima. Habe auch einen 24er Monitor.
    Perfekt zentriert.

    Wird bei Dir auch noch so ein kleiner Bereich eingeblendet, Die neue Magazine
    steht oben, der beim Scrollem mit rum springt?
    Habe den hier mal gleich mit ausgeknipst.

    CSS
    @namespace url(http://www.w3.org/1999/xhtml);
    
    
        @-moz-document domain("abendblatt.de") {
        body > div { margin: auto !important; }
    
    
    	#sticky {display: none !important;}
        }


    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:139.0) Gecko/20100101 Firefox/139.0.4
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Hallo ReVox..

    das funktioniert auch.

    Problem dabei, eben nur auf dieser Seite.
    Es müsste eine einheitliche Bezeichnung geben für: body > div , ein * funktioniert nicht perfekt :-?? , dann ginge es mit diesem Code für alle Seiten mit http bzw. www:

    CSS
    @-moz-document regexp('(?!http://www\\*\\*).*') {
    
     body > div{ margin: auto !important; }
    }

    Bei Bild und Stern nennt es sich:,#page,#innerWrapper

    Evtl. fällt einem anderen User ja noch etwas ein dazu.

  • Hi Endor,
    ja den Sticky hatte ich auch, jetzt ist er ins Nirwana geschickt 8)

    Hi 2002Andreas,
    Dein Beispiel funktioniert hier auch, aber ich möchte gar nicht alle Webseiten Zentriert haben sondern ich benutze dafür jeweils einen individuellen Script.
    aber das H-Abendblatt lese ich normalerweise nicht, hier ist WN angesagt :wink:

    M4rkus,
    schön das es funktioniert hat.

    Gruß ReVox
    "Theorie ist, wenn man alles weiß und nichts geht. Praxis ist, wenn alles funktioniert und nicht weiß warum.
    Bei Windows sind Theorie und Praxis vereint, nichts funktioniert und keiner weiß warum!"
    Meine gegebenen Tips & Antworten sind wie die Lottozahlen - immer ohne Gewähr ;)

    Mozilla/5.0 (Windows NT 10.0; WOW64; rv:38.0) Gecko/20100101 Firefox/38.5.1-ESR