Sidebar breiter machen

  • Hi,


    wie kann ich die Sidebar breiter machen?
    Wenn ich nur die .sidebar breitermache kann ich sie nicht mehr einklappen.
    Ich hoffe ihr könnt mir helfen.

    Lg

    wehmoen

    Mit freundlichen Grüßen

    Nico Wehmöller

  • Code
    #main.sidebarOrientationRight .sidebar {
    width: 400px;
    }


    oder:

    Code
    #main.sidebarOrientationRight .sidebar {
    width: 40%;
    }


    wenn du dazu noch den Inhalt "strecken" willst:

    Code
    #main > div > div > .sidebar > div {
    width: 100%;
    }
    
    
    
    
    .sidebar fieldset {
    width: 100%;
    }

    Einmal editiert, zuletzt von Frank Pabst (21. Januar 2014 um 15:16)

  • Ich habe es bei mir jetzt folgendermaßen genutzt (Blue Temtation Stil)

    Code
    #main.sidebarOrientationRight .sidebar {
    width: 25%;
    }
    #main > div > div > .sidebar > div {
    width: 100%;
    }
    .sidebar fieldset {
    width: 100%;
    }


    leider ist es jetzt so, das wenn ich die Sidebar ein oder ausklappe das das recht hektisch ausschaut. Die Sidebar geht erst auf ca. 5ß% und klappt dann je nachdem ein oder auf 25%

    hat jemand ne Idee wo da bei mir der Fehler liegt?

  • Vielleicht bringt es was wenn du noch zusätzlich transition-duration: xs; einbaust?

    x steht für die Zeit, also z.B. 0.5s (Sekunden).


    Das ändern leider nix am eigentlichen problem.

    Es ist weiterhin so, das wenn die Sidebar ausgeklappt ist und ich auf den Pfeil zum einklappen klicke, wird die Sidbar erst noch breiter (bis ca. 50%) und klappt dann erst ganz ein. Andersherum genauso, beim ausklappen wird sie erst 50% breit und reduziert sich dann auf die von mir gewünschten 25%

  • Um die Breite der Sidebar einzustellen, hätte ich an deiner Stelle nur

    Code
    #main > div > div > .sidebar {
    width: 25%;
    }

    angegeben (nachgeschaut bei meiner Webseite).
    Hast du das mal probiert?

  • hab es eben mal geändert. Bringt leider nix :(

    habe gerade festgestelt das es in jedem Browser anders ausschut. Bei Chrome funktioniert es wie gewollt, beim IE11 klappt die sidebar gar nicht mehr ein :(

    liegt es vielleicht daran das ich den code da oben einfach zu meiner CSS hinzugefügt habe (Ist ja der Bleu Temtaion Stil mit seiner riesigen CSS und Less)

  • Zitat

    liegt es vielleicht daran das ich den code da oben einfach zu meiner CSS hinzugefügt habe (Ist ja der Bleu Temtaion Stil mit seiner riesigen CSS und Less)

    Ne, das ist schon richtig so eigentlich.

    Wenn es aber in manchen Browsern richtig funktioniert, kann es ja nicht am Code liegen, denn der scheint so zu stimmen, wie ich es gesagt habe.

  • Allerdings funktioniert der Part

    Code
    #main > div > div > .sidebar > div {
    width: 220px;
    }
    .sidebar fieldset {
    width: 220px;
    }

    nur in FF.

    Bei Opera, IE11 und Chrome hat er keine auswirkung :(

  • #main.sidebarOrientationRight .sidebar {
    width: 450px;
    }
    #main > div > div > .sidebar > div {
    width: 100%;
    }
    .sidebar fieldset {
    width: 100%;
    }


    passiert bei mir nichts warum?

  • also, wenn ich auf deine Seite schau, seh ich ne mega breite Sidebar .. ?(

    oder meinst du die andere Sidebar, wo die Avatare sind? Soweit ich das verstanden habe, ist in diesem Thema hier, die Sidebar eigentlichen Forum/Dashboard gemeint... ?(

  • @Tanja1983
    Meinst du so? Das würde halt die Sidebar mit Avatar & co neben den Beiträgen / Konversationen breiter machen.

    CSS
    .message.messageSidebarOrientationLeft .messageContent {
        margin: 0 0 0 400px;
    }
    
    
    
    
    .message .messageSidebar {
        width: 360px;
    }

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!