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

Themenstarteram 21. Januar 2009 um 21:12

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
Themenstarteram 21. Januar 2009 um 21:12

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
Ähnliche Themen
70 Antworten
Themenstarteram 21. Januar 2009 um 21:44

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 !

am 21. Januar 2009 um 22:07

Vielen vielen Dank dafür :)

am 21. Januar 2009 um 22:11

Danke !! :)

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

am 22. Januar 2009 um 10:27

super Sache, danke an die edlen Spender:)

gruss

Dangööööööööööööö :)

super danke!!!

Super Danke!!!!!!!!!!!

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

am 22. Januar 2009 um 12:58

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