1. Startseite
  2. Forum
  3. Dialog
  4. Sagt's uns!
  5. Motortalk 3.0> Variable Breite selbst gebaut

Motortalk 3.0> Variable Breite selbst gebaut

Da mir Motor/talk auf 1680 zu schmal war, hab ich mir mit Stylish (https://addons.mozilla.org/en-US/firefox/addon/2108) die Seite so angepasst, dass sie sich automatisch auf die Browserbreite einstellt. Es ist nicht perfekt (im Titelbalken sind ein paar kleine Fehler), aber für mich viel besser als zuvor.

Hier das Skript, falls es jemand testen will:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("motor-talk.de"😉 {
#mainwrapper_l{width:99%!important;}
#mainwrapper_l #contentblatt,#mainwrapper_l #topbanner{width:100%!important;}
#mainwrapper_l #sitenavigation div.mainnavbox{width:99.5%!important;}
#mainwrapper_l #subnav{width:97.8%!important;}
#subcolumn{width:20%!important;}
#maincolumn{width:80%!important;}
}

Beste Antwort im Thema

Da mir Motor/talk auf 1680 zu schmal war, hab ich mir mit Stylish (https://addons.mozilla.org/en-US/firefox/addon/2108) die Seite so angepasst, dass sie sich automatisch auf die Browserbreite einstellt. Es ist nicht perfekt (im Titelbalken sind ein paar kleine Fehler), aber für mich viel besser als zuvor.

Hier das Skript, falls es jemand testen will:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("motor-talk.de"😉 {
#mainwrapper_l{width:99%!important;}
#mainwrapper_l #contentblatt,#mainwrapper_l #topbanner{width:100%!important;}
#mainwrapper_l #sitenavigation div.mainnavbox{width:99.5%!important;}
#mainwrapper_l #subnav{width:97.8%!important;}
#subcolumn{width:20%!important;}
#maincolumn{width:80%!important;}
}

70 weitere Antworten
70 Antworten

Verbesserte Version (danke wellental):
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("motor-talk.de"😉 {
#mainwrapper_l{width:99%!important;}
#mainwrapper_l #contentblatt,#mainwrapper_l #topbanner{width:100%!important;}
#mainwrapper_l #sitenavigation div.mainnavbox{width:99.5%!important;}
#mainwrapper_l #subnav{width:97.8%!important;}
#subcolumn{width:20%!important;}
#maincolumn{width:80%!important;}
#mainnav li.navgroup strong{background-position:0px -50px!important;background-repeat:repeat-x!important;}
}

Danke !!

einfach zu geil - MT wie es sein soll 😉

Full Size - GENIAL 😉

Habe es mal getestet.
Es funktioniert.

Aber das kann natürlich nicht so bleiben.
Da muss die Werkstatt dran arbeiten.

gruß Fdtw

Zitat:

Original geschrieben von Forddietunwas



Aber das kann natürlich nicht so bleiben.
Da muss die Werkstatt dran arbeiten.

Ja, und zwar nur eines - die flexible Breite als Option anbieten !

Ähnliche Themen

Vielen vielen Dank dafür 🙂

Top Sache, bei mir passt sogar alles perfekt 🙂

Bin gerade etwas überfordert 🙁
Ich hoffe es ist nicht nur den FF Usern vorbehalten.

Gebt mir einen Tipp was ich machen muss.

Zitat:

Original geschrieben von BlueMevo


Bin gerade etwas überfordert 🙁
Ich hoffe es ist nicht nur den FF Usern vorbehalten.

Gebt mir einen Tipp was ich machen muss.

wie in oben angegebenem

link

zu sehen, ist es ein firefox addon.

ob es vergleichbares auch fuer andere browser gibt? keine ahnung!

fuer den IE aber eher nicht ^^

Harry

super Sache, danke an die edlen Spender🙂

gruss

Dangööööööööööööö 🙂

Super Danke!!!!!!!!!!!
Kann man das noch irgendwie so einrichten das der linke Rand noch so 1-3cm in die mitte gerückt wird?

try this:

Code:
            @namespace url(http://www.w3.org/1999/xhtml);          
            
            
            @-moz-document domain("motor-talk.de") {
            
                #mainwrapper_l{
                    width:          99% !important;
                }
            
                #mainwrapper_l #contentblatt,#mainwrapper_l #topbanner{
                    width:          100%!important;
                }
            
                #mainwrapper_l #sitenavigation div.mainnavbox{
                    width:          99.5%!important;
                }
            
                #mainwrapper_l #subnav{
                    width:          97.8%!important;
                }
            
                #subcolumn{
                    width:          20%!important;
                }
            
                #maincolumn{
                    width:          80%!important;
                }
            
                #mainnav li.navgroup strong{
                    background-position:    0px -50px!important;
                    background-repeat:      repeat-x!important;
                }
                
                 /* powow */
                #contentblatt {
                    margin-left:    15% !important;
                }            
            }

Deine Antwort
Ähnliche Themen