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

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

Rozszerzenie headera = pasek u dołu do przewijania forum

Założony przez  Trufelek.

20.01.2011, 22:17
#1
wersja skryptu MyBB: 1.6
adres forum: kubag.ugu.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Po wpisaniu kodu do global.css
body {
  margin:  0;
  padding: 0;
}
Na dole strony w przeglądarce wyświetla się taki pasek do przesuwania forum w prawą i lewą stronę.. jak to wyłączyć ??

Wszystko możemy zobaczyć na http://kubag.ugu.pl/
20.01.2011, 22:38 (Ten post był ostatnio modyfikowany: 20.01.2011, 22:43 przez Daniel Praźmo.)
#2
W global.css dodaj do klasy body następującą wartość:
overflow-x: hidden;
Powinno pomóc ;)
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
21.01.2011, 14:03
#3
Tak to usunęło ten pasek.. ale czy da się to w ogóle jakoś zastopować... jeśli naciśniemy kółkiem myszy to i tak możemy przesuwać forum na boki ;/
21.01.2011, 15:48
#4
Podaj thead, trow1, trow2 i tcat z globala.
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
21.01.2011, 18:54 (Ten post był ostatnio modyfikowany: 21.01.2011, 18:54 przez Trufelek.)
#5
.thead {
    background: #1D3652 url(images/emasters/thead_bg.gif) top left repeat-x;
    color: #ffffff;
    height: 38px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-radius-topright: 10px;
    -khtml-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px
    border-top-left-radius: 10px;
}
.tcat {
    background: url(images/emasters/tcat.png);
    color: #000000;
    font-size: 12px;
}
.trow1 {
    background: #ECECEC;
}

.trow2 {
    background: #F6F6F6;
}
21.01.2011, 20:44 (Ten post był ostatnio modyfikowany: 21.01.2011, 20:47 przez Daniel Praźmo.)
#6
Chyba wiem już o co chodzi. Przeglądając swój styl zdałem sobie sprawę, że marginesy i odstępy nie są ustawione w body, tylko w containerze.

Usuń z body linijki:
    margin: 0;
    padding: 0;
i zamiast tego w klasie container, ustaw margin i padding na 0px.

Ewentualnie zostaw body jak jest i usuń informacje o marginesach i paddingu z containera.
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
21.01.2011, 20:56
#7
Dodałem to w container lecz header wyglądał tak jak wyglądał kiedyś...
21.01.2011, 20:59 (Ten post był ostatnio modyfikowany: 21.01.2011, 21:06 przez Daniel Praźmo.)
#8
Ustaw w klasie headera marginesy/padding o wartości negatywnej. Nie mam innych pomysłów :D

@edit
I upewnij się, że w klasie container nie masz czegoś w stylu:
width: 95%
Jeśli tak, to zamień na 100% :)
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
21.01.2011, 21:09
#9
Zrób zdjęcie tego paska i je tutaj wrzuć, bo u mnie wszystko wyświetla się prawidłowo.
21.01.2011, 21:20
#10
(21.01.2011, 21:09)solid23 napisał(a): Zrób zdjęcie tego paska i je tutaj wrzuć, bo u mnie wszystko wyświetla się prawidłowo.
Mniemam, że chodzi o te małe białe odstępy od prawej i lewej strony. :)
http://i54.tinypic.com/whim9d.png
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
21.01.2011, 21:34
#11
(21.01.2011, 20:59)Nidrax napisał(a): Ustaw w klasie headera marginesy/padding o wartości negatywnej. Nie mam innych pomysłów :D

@edit
I upewnij się, że w klasie container nie masz czegoś w stylu:
width: 95%
Jeśli tak, to zamień na 100% :)

Nie nie mam, jedynie dodanie margin: 0; i padding: 0; zadziałało tylko w "body"
#container {
    background: #ffffff;
    width: 99%;
    color: #000000;
    border-top: none;
    margin: auto auto;
    padding: 10px;
    text-align: left;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
} 
To mój container.. od razu dodam że zmiana width na 100% zmienia tylko szerokość forum nie headeru... zmiana margin co jest i padding też nic nie dało.
21.01.2011, 21:59
#12
Nie masz żadnych marginesów w klasie header, jak zakładam.
Spróbuj kombinacji
Marginesy i padding body na 0;
usuń z containera linijkę:
padding: 10px;

Po prostu sądzę, że kiedy ustawiłeś margin i padding body na 0, to gryzie się w jakiś sposób z containerem, który na siłę chce dodać dodatkowy margines, który rozciąga forum. Przynajmniej z czymś podobnym spotkałem się podczas ustawiania obrazka na mojej stronie.
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
21.01.2011, 23:09
#13
Dobra nie działa ; // Ale poleci pomógł za to że pomagałeś ^^ ... Potem się coś popracuje nad tym bo teraz szlaban na kompa ;/



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

1 gości