Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Wciśnięcie sidebaru w container

HowTo  Założony przez  Nexus..

Hej.
Mam problem z umiejscowieniem sidebaru w danej klasie.
Wycinek z indexu:
<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:
#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?
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
Prosze: http://testcode.ct8.pl/website/
Czasami mam problem ze zrozumieniem. Obecnie nadal tkwię w niczym :D

To masz na myśli? albo najlepiej rozrysuj to na screenie. Mnie by znacznie ułatwiło sprawę.
http://i.imgur.com/b7o4T6R.png
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
Tak tak :D
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;
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
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.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
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. ;)



Użytkownicy przeglądający ten wątek:

1 gości