Internetseiten zentrieren im Firefox-Browser

peeterle

Hallo!
Viele Internetseiten beanspruchen nur einen Teil der Bildschirmbreite und werden ganz links auf dem Bildschirm angezeigt. Dies finde ich besonders bei einem größeren Bildschirm im Breitformat als unangenehm. Kennt vielleicht jemand ein Programm oder eine Eistellmöglichkeit zur Zentrierung solcher Seiten in die Bildschirmmitte (ohne Vergrößerung) ?

MK204

Mit Stylish mach ich das.....
https://addons.mozilla.org/de/firefox/addon/2108

CSS

@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document url-prefix("http://www.t-online.de/"),url-prefix(http://www.winfuture-forum.de/){


body{
width: 1000px !important;
margin-left: 400px !important;
position: relative !important;}
}

Alles anzeigen

bei mir ist das Bildschirmformat 1680 x 1050,
kannst jederzeit die Werte anpassen indem du mit den Zahlen rumspielst

und wennst auf ne Seite kommst die Linksbündig ist,
machst noch ein feld dazu, z.b. ,url-prefix(http://www.webmaster-eye.de/bild-base64-encode.html)
und setzt die zeile oben mit dran, sieht dann so aus....

Code

@-moz-document url-prefix("http://www.t-online.de/"), url-prefix(http://www.winfuture-forum.de/) ,url-prefix(http://www.webmaster-eye.de/bild-base64-encode.html){

Gesamter Schnipsel wäre danach....

CSS

@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document url-prefix("http://www.t-online.de/"), url-prefix(http://www.winfuture-forum.de/) ,url-prefix(http://www.webmaster-eye.de/bild-base64-encode.html){


body{
width: 1000px !important;
margin-left: 400px !important;
position: relative !important;}


}

Alles anzeigen

http://www.winfuture-forum.de/ .. http://www.t-online.de/ .... http://www.webmaster-eye.de/bild-base64-encode.html

...... [Blockierte Grafik: http://img5.imagebanana.com/img/0eyujaxe/thumb/1.PNG] ..... [Blockierte Grafik: http://img5.imagebanana.com/img/f9cn55w/thumb/2.PNG] ....... [Blockierte Grafik: http://img5.imagebanana.com/img/6q6er71s/thumb/3.PNG]

bei mehreren Seiten die man unterschiedlich bestückt sähe es so aus

CSS

@-moz-document url-prefix(http://www.winfuture-forum.de/){


body{
width: 1000px !important;
margin-left: 400px !important;
position: relative !important;
background-color: #87cefa !important; color: #000 !important;}}


/* #########################################################################################*/


@-moz-document url-prefix(http://www.webmaster-eye.de){


body{
width: 1000px !important;
margin-left: 400px !important;
position: relative !important;
background-color: #000 !important; color: #000 !important;}}

Alles anzeigen

man kann auch noch die Hintergrundfarbe anpassen, mit z.b.

CSS

background: #000 !important; color: #fff !important;

Dazu würde ich aber die Seiten einzeln verändern, da nicht jede Seite die gleiche Schriftfarbe benutzt gg
für eine Seite wäre der Schnipsel dann....

CSS

@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document url-prefix(http://www.winfuture-forum.de/){


body{
background: #87cefa !important; color: #000 !important;
width: 1000px !important;
margin-left: 400px !important;
position: relative !important;}
}

Alles anzeigen

sieht dann so aus

[Blockierte Grafik: http://img5.imagebanana.com/img/mkoa9hsh/thumb/4.PNG]

um die Schriftgrösse und schriftart zu bestimmen gibt man diese Zeilen hinzu

CSS

font-size: 18px !important; font-family: verdana !important;

hier mal z.b. sie Seite Google die ich total verunstaltet habe als Beispiel was alles machbar ist....

[Blockierte Grafik: http://img5.imagebanana.com/img/juviiz2m/thumb/5.PNG]

CSS

@-moz-document url-prefix(http://www.google.de/search?) {


body {background: #253960 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAFCCAMAAAAHcEfNAAABDlBMVEUAHT8jOWEiOGEhOGEkOWAbNmEgOGEeN2EZNWAdN2EcNmEBHkEIJ08XNF8NLFYfOGEEIkcKKVIOLVcJKFABH0IYNGAaNWEkOWEQL1oCIEQRL1sUMl0EIkgMK1UVM14WM18KKVEGJEsPLlgSMFsHJUwMK1QSMFwVMl4DIUUTMV0CH0QCH0IPLlkLKlMfN2IaNmEHJk4BHUEDIUcFJEoDIUYGJUsOLFcFI0gWM14GJUwYNWATMVwHJk0FI0kiOWENLFUGJEoEI0geN2IPLVgRMFsJKVELKVMWNF8QL1kLK1QRL1oFI0oUMl4AHUAIJ04XNGAIJk4DIEUfN2ELKVIJJ1AQLlkUMV0LKlQdNmEDIES4lXSdAAAAr0lEQVR4XsXFVW4FQRRDQT9mZggzMzMz8/43Esu6avWM8h+XrIP/3gNWKOepmzmZlY75wQumZZ1WqWz6coItOqA7rNExRmSDdmhc9mmZnvGIvPOOmrnAsFTMGy6xQF+4wYQMyBGKziZVzRlGZZ4+cI22uUXXnGNMJmWPZuQTPXOPKRmUbRqSKxScJzTMLqU9TbNEiYCs5xsZT0pOra9YpJKTDIiFREMOEflDS+K65xfVph0QhFefsgAAAABJRU5ErkJggg==") top left repeat-x !important; color: #fff !important;}
body{ display: block; -moz-border-radius: 10px !important; border: 0px solid #B6B9C1 !important; border-top: none !important; width: 85% !important; min-width: 800px !important; padding: 3px 1.5% 0px 1.5% !important; margin: 5px auto 0px auto!important; font-weight: bold !important; font-size: 18px !important;}


body {counter-reset: result !important; }
a.l:before { content: counter(result) ". " !important; color: #ff0000 !important; counter-increment:result !important;}


* { text-shadow: none !important; }


#gbar a.gb1{color: #fff!important;}
#gbar a.gb1:hover{color: #ff0000!important;}
#gbar .gb1{ line-height: 17px; font-size: 18px; border: 1px solid transparent; border-bottom: 0px none; display: block; text-decoration: none; float: left; }


#guser > NOBR > A{font-weight: bold !important; font-family: verdana !important;font-size: 16px !important;padding: 0px 34px 0px 0px !important;color: #fff !important;}


.gb1,.gb3{ padding: 0px 35.0px 0px 55.0px !important; }
.gbd, #logo, #bydate,#prs > B{display: none !important;}


.g div.s cite{font-weight: bold;font-size: 11px;letter-spacing: 1px;}
.g, div.e{ overflow: hidden; padding:10px !important; padding: 6px; border: 1px solid #D5DDF3; background-color: #778899; -moz-border-radius: 6px;}


U:hover{color: #ff0000 !important;text-decoration : none !important; }
U{font-weight: bold !important; font-family: verdana !important;font-size: 16px !important;padding: 0px 4px 0px 0px !important;color: #fff !important;text-decoration : none !important; }


A:hover { -moz-appearance: none !important; color: #ff0000 !important; }
A { -moz-appearance: none !important; color: #0000cd !important;text-decoration : none !important; }


CITE,CITE > B {font-size: 15px !important;font-family: verdana !important; color: #8b0000 !important; }
H3 {-moz-appearance: none !important;font-size: 20px !important; font-family: tahoma  !important; color: #fff000 !important; font-weight: bold !important;}
LI { margin: 10px -403px 15px -15px !important; max-width: 1400px !important; font-weight: bold !important;color: #000 !important;background: #fff !important;font-size: 15px !important;font-family: verdana !important;}


#res li .s {max-width: none !important;}
#res > DIV:last-child { margin: 10px -403px 15px -15px !important; max-width: 1400px !important; font-weight: bold !important;color: #fff !important;background: transparent !important;font-size: 15px !important;font-family: verdana !important;}


LABEL{font-weight: bold !important; font-family: tahoma !important;font-size: 17px !important;padding: 0px 34px 0px 0px !important;color: #fff000 !important;}


#brs > TBODY > TR > TD > A { -moz-appearance: none !important; color: #fff !important; font-weight: bold !important; font-family: tahoma !important; font-size: 17px !important;}
#brs > TBODY > TR > TD > A:hover { -moz-appearance: none !important; color: #ff0000 !important; }


#flp > A { -moz-appearance: none !important; color: #fff !important; font-weight: bold !important; font-family: tahoma !important; font-size: 17px !important;}
#flp > A:hover { -moz-appearance: none !important; color: #ff0000 !important; }


#brs { -moz-appearance: none !important; font-weight: bold !important; font-family: tahoma !important; font-size: 17px !important; }
#brs > CAPTION { -moz-appearance: none !important; color: #fff !important; font-weight: bold !important; font-family: tahoma !important; font-size: 17px !important;}
#bsf { font-weight: bold !important;color: #fff !important; background: #778899 !important;font-size: 17px !important;font-family: verdana !important;}


button:active,input[type="submit"]:active{font-weight: bold !important;  }
button,input[type="submit"]{ -moz-appearance: none !important;padding: 2px  1px 2px 1px!important; color: #fff !important; font-weight: bold !important; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABiCAIAAAAeFy4qAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH2AIDCygxWhqJHQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAAASUlEQVR4nN2OywkAIQxEZfrvx5M9WJBv8GCCCrsNGAgk82NKbV02AguGwPEjgwgusdzF+dAEdnriXrg/dVdOege7k7f+p2d5YCZtF5EcLumtXgAAAABJRU5ErkJggg==") repeat center !important;}


button:hover,input[type="submit"]:hover
{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAjCAIAAADaE/fjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAYklEQVR4nAXBSw7CQAxEwfYzn1E4IVsuzwIiViiaBLup0v1huotuYSdVTbcpQ5Won6k2btPHgSTmnHzeT9b1xbZ9ySgyQS7cO4ogleDENiVhBRHQOmOJIMnrIE/JGAuXcfsD4hY4dKR+hIoAAAAASUVORK5CYII=") repeat center !important; font-weight: bold !important;  }


INPUT[type="text"][title="Suche"][maxlength="2048"][size="41"][name="q"][class="lst"]{font-weight: bold !important; font-family: verdana !important;font-size: 18px !important;}


#ssb{display: none !important;}
#sff  { padding-left: 340px !important; }
#sft > TBODY{ color: #fff !important;}
#sft > TBODY > TR > TD:first-child > A > IMG,#srp-logo > IMG{display: none !important;}
#sff > TABLE > TBODY > TR > TD:last-child > A{-moz-appearance: none !important;font-weight: bold !important; color: #87cefa !important;}
#sff > TABLE > TBODY > TR > TD:last-child > A:hover{-moz-appearance: none !important; color: #ff0000 !important;}
#sff > TABLE > TBODY > TR > TD:last-child > A{font-size: 10px !important;font-family: arial black !important; margin: -20px 0px 0px 0px !important;}




B{ color: #ffc800 !important; }
B:hover{ color: #ff0000 !important; }


#nav > tbody > tr > td span { background: #263960 !important; }
#nav > TBODY{ background: #263960 !important; }
#nav > TBODY > TR > TD + TD > A{ color: #fff !important; }
#nav > TBODY > TR > TD + TD > A:hover{ color: #ff0000 !important; }
#nav { font-size: 140% !important; }
#nav .cur { font-size: 140% !important; margin-top: -10px !important; }
#nav td { vertical-align: bottom !important; padding: 0.15em !important; }
#nav {  font-weight: bold !important;color: #fff !important;background: #fff !important;font-size: 18px !important;font-family: verdana !important;}


.basic-title.bt-border, .gbh {-moz-appearance: none !important; border: none !important;}}

Alles anzeigen

.Ulli

Zitat von peeterle

Kennt vielleicht jemand ein Programm oder eine Eistellmöglichkeit zur Zentrierung solcher Seiten in die Bildschirmmitte (ohne Vergrößerung) ?

Da braucht es kein Programm, das geht mit Bordmitteln.

Mach das Fenster des Fx kleiner und ziehe es in die Mitte der Anzeigefläche.

P.S. es ist eine verschleppte Unsitte aus dem letzten Jahrtausend, als die Monitore noch keine höheren Auflösungen kannten, die Programme im Vollbildmodus zu betreiben.

Brummelchen

Mein Monitor hat mehr, trotzdem Firefox als Vollbildanwendung
Es kommt halt drauf an, wie man sich den Browser einteilt.
Das hatte ich letzte Woche hier schon anderweitig erwähnt.
Es gibt aber auch Tools, die Programmfenster (unter Windows)
auf höhe/Breite/Position fixieren ohne Nutzerinteraktion.
http://www.supernature-forum.de/tutorials-and-…html#post688585

bugcatcher

Zitat von .Ulli

P.S. es ist eine verschleppte Unsitte aus dem letzten Jahrtausend, als die Monitore noch keine höheren Auflösungen kannten, die Programme im Vollbildmodus zu betreiben.

Och, Photoshop nutze ich auch im maximierten Zustand.

Firefox meistens auch, da andere Anwendungen um den Browser rum, mich oft eher ablenken. Wenn ich Firefox verkleinere, dann meist mit "leerem" Desktop als Hintergrund. Gibt immer Ausnahmen von der Regel.

.Ulli

Zitat von bugcatcher

Gibt immer Ausnahmen von der Regel.

Selbstverständlich. Hier schaut es so aus:

[Blockierte Grafik: http://img5.imagebanana.com/img/330lgoc/thumb/Bildschirmfoto3.png]

Der Fx klein und fein, größer wäre Verschwendung, etwas VirtualBox für Win-Problematika und etwas angenehme Berieselung.

adxalf

Super danke für die Codes! :klasse: Leider funktioniert das mit dem zentrieren auf bild.de nicht,
wisst ihr da vielleicht einen Code wie man diese Seite auch zentrieren kann?

MK204

CSS

@-moz-document url-prefix(http://www.bild.de/){
body { width: auto !important;margin-left: 400px !important; position: relative !important;  }}

[Blockierte Grafik: http://img5.imagebanana.com/img/475fbbq/thumb/Unbenannt.PNG]

adxalf

Super dankeschön MK204! :klasse: