Odpowiednia szerokość "wrapper"

Błąd   Założony przez  Dj_Szymek.

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:
[Obrazek: 56348414578799824323.png]


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<<<
Pomogłem?
Kliknij "Pomógł"
To nic nie kosztuje a dużo dla mnie znaczy.
Popraw adres w ustawieniach forum, bo wszystko (grafiki, style) odwołują się do localhostu http://i.imgur.com/DVoDOob.png
@Matslom, poprawione.
Pomogłem?
Kliknij "Pomógł"
To nic nie kosztuje a dużo dla mnie znaczy.
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?
Pomogłem?
Kliknij "Pomógł"
To nic nie kosztuje a dużo dla mnie znaczy.
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:

Cytat:Usuń belka-top-wrapper i dla tego elementu dodaj wrapper.
Pomogłem?
Kliknij "Pomógł"
To nic nie kosztuje a dużo dla mnie znaczy.
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?
Pomogłem?
Kliknij "Pomógł"
To nic nie kosztuje a dużo dla mnie znaczy.
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 ;/
Pomogłem?
Kliknij "Pomógł"
To nic nie kosztuje a dużo dla mnie znaczy.
Nadal w #content masz przypisaną szerokość.
Usunełem "#content" i nadal nie są równe.
Pomogłem?
Kliknij "Pomógł"
To nic nie kosztuje a dużo dla mnie znaczy.
Nie działa link/ip.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
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.
Pomogłem?
Kliknij "Pomógł"
To nic nie kosztuje a dużo dla mnie znaczy.



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

1 gości