Błąd Odpowiednia szerokość "wrapper"

wersja skryptu MyBB: 1.8.4
adres forum: localhost
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam,
Edytuję właścnie styl pod MyBB 1.8 ze względu na zakończenie wsparcia dla 1.6.x i mam pewien problem.
Mianowicie nie mogę zmienić szerokości klasy "wrapper" tak aby pasowała do panelu używkonika, ponieważ wysuwa się troszkę w lewo.


SS:



CSS:

.wrapper {
    width: 100%;
    margin: 0px auto;
    min-width: 980px;
    max-width: 1300px;
    margin-bottom: 10px;
      color: white;
    padding: 20px;
      background: #151515;
   -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: inset 0 0 1px 1px #262626;
    -moz-box-shadow: inset 0 0 1px 1px #262626;
     box-shadow: inset 0 0 1px 1px #262626;
     border: #101010 1px solid;
       -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
      text-shadow: 1px 1px 0px #0d0d0d;
    margin-top: -20px;
   -moz-box-shadow: 0 5px 25px #0d0d0d;
    -webkit-box-shadow: 0 5px 25px#0d0d0d;
    box-shadow: 0 5px 25px #0d0d0d;
    overflow: hidden;
}

#content {
    width: 95%;
    padding: 20px 20px;
}

.belka_top {
background: url(images/Szymek_v1/thead.png) repeat-x scroll 0 -1px #32B232;
color: #fff;
text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
height: 36px;
padding-left:5px;
padding-right:5px;
}

.belka_top-wrapper {
width: 100%;
margin: 0px auto;
min-width: 980px;
max-width: 1300px;
}

P.S
Forum możecie zobaczyć pod tym IP:>>>KLIK<<<

Popraw adres w ustawieniach forum, bo wszystko (grafiki, style) odwołują się do localhostu http://i.imgur.com/DVoDOob.png

@Matslom, poprawione.

Jak dla mnie to błąd jest w tym, że masz dwa selektory (#content, .wrapper) które mają ustawioną szerokość i wyśrodkowanie. Zdefiniuj te atrybuty tylko dla jednego selektora.

@Matslom, usunełem całkowinie "#content# i problem nadal występuje.

---

Czy może by spróbować poszerzyć nawigację usera?

IMHO, stwórz .wrapper który będzie określał wyłącznie szerokość i do tego daj mu margin: 0 auto dla wyśrodkowania. Usuń belka-top-wrapper i dla tego elementu dodaj wrapper. Wtedy będziesz miał jedną klasę która określa szerokość i w każdym miejscu będzie ona taka sama. Poza tym określanie min-width, max-width i width: 100%; nie ma najmniejszego sensu. W takim zapisie element zawsze przymnie max-width. Usuń width i zostaw wyłączenie max-, min-.

Wszystko okej pięknie tylko nie rozumiem tego:

Usuń belka-top-wrapper i dla tego elementu dodaj wrapper.

W tej klasie określasz sobie szerokość inaczej niż w klasie wrapper. Jeżeli chcesz mieć w każdym miejscu taką samą szerokość, to styluj elementy według jednej określonej klasy.

A mogę skopiować zawartość klasy wrapper do klasy belka_top-wrapper?

No możesz, ale po co sobie dodawać więcej pracy przy późniejszych ewentualnych edycjach.

Skopiowałem i nawigacja użytkownika nadal jest za mała ;/

Nadal w #content masz przypisaną szerokość.

Usunełem "#content" i nadal nie są równe.

Nie działa link/ip.

Nowy link:
http://76.124.215.62/

---

Już sobie poradziłem
Zmieniłem max width na 1260 i wszystko pasuje.
Dziękuję wszystkim za pomoc.