Webboard

Hej.
Mam problem z umiejscowieniem sidebaru w danej klasie.
Wycinek z indexu:

Kod:
<div class="container">

<div id="wrapper">

    <div id="sidebar-wrapper">

        <ul class="sidebar-nav">

            <li class="sidebar-brand"></li>

<div class="panel panel-default">

  <div class="panel-heading">Panel heading</div>

  <div class="panel-body">

    Panel content

  </div>

</div>

        </ul>

    </div>

    </div>

    </div>

i kod do sidebaru:

Kod:
#wrapper {

  /* padding-left: 250px;*/

  transition: all 0.4s ease 0s;

}

#sidebar-wrapper {

  margin-left: -250px;

  left: 250px;

  width: 250px;

  position: fixed;

  height: 100%;

  overflow-y: auto;

  z-index: 1000;

  transition: all 0.4s ease 0s;

}

#page-content-wrapper {

  width: 100%;

}

.sidebar-nav {

  position: absolute;

  top: 60px;

  width: 250px;

  list-style: none;

  margin: 0;

  padding: 0;

}

@media (max-width:767px) {

    #wrapper {

      padding-left: 0;

    }

    #sidebar-wrapper {

      left: 0;

    }

    #wrapper.active {

      position: relative;

      left: 250px;

    }

    #wrapper.active #sidebar-wrapper {

      left: 250px;

      width: 250px;

      transition: all 0.4s ease 0s;

    }

}

Chodzi o to by sidebar znajdował się w klasie container i przylegał do jego krawędzi, obecnie to wygląda tak:
[Obrazek: J2w3TyG.png]

Proszę o pomoc,
Pozdrawiam!

Czy ktoś zechce mi pomóc? :/

Można jakieś demo jak to teraz wygląda?

Prosze: http://testcode.ct8.pl/website/

Czasami mam problem ze zrozumieniem. Obecnie nadal tkwię w niczym

To masz na myśli? albo najlepiej rozrysuj to na screenie. Mnie by znacznie ułatwiło sprawę.
http://i.imgur.com/b7o4T6R.png

Tak tak

Chodz mi o to by sidebar umieścić w tym szarym (klasa #container), po prostu nie potrafię wstawić sidebara w klasę, nie wiem dlaczego.
[Obrazek: cbCQ0lq.png]

O taki efekt chodzi?

http://i.imgur.com/5N33c4B.png
do #sidebar-wrapper dodałem:
margin-top: -50px;

Nie o taki... ;/
O coś takiego:
[Obrazek: MhOgUzR.png]

To zostało tylko przerobione w programie graficznym, nie jest to kod

ehh

W klasie .container masz wpisane height: 50px; - zwiększ po prosty.

Woohoo, dałem radę samemu.

Chodziło mi by całkowicie odkleić sidebar od lewej krawędzi i wkomponować go w klasę container.
Pokręciłem w css i wyszło...

W każdym razie, bardzo dziękuję za zainteresowanie się tematem.

Nexus.

Nexus.

Snake_

Nexus.

Snake_

Nexus.

Snake_

Nexus.

Snake_

Nexus.