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

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

Dopasowanie forum do rozdzielczości

Inne  Założony przez  waazka.

wersja skryptu MyBB: 1.6.8
adres forum:http://my-clubpenguin.tk/forum/
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Moja rozdzielczość w laptopie to 1366x768, a mojego kuzyna 1152x864. W stylu robiłem wszystko pod swoją rozdzielczość i mi wszystko śmiga ładnie, a kuzynowi wszystko się rozlewa. I teraz moje pytanie do Was, czy da się, byłaby możliwość dopasowania stylu pod wszystkie rozdzielczości ?


Tu macie mojego screena forum: http://s6.ifotos.pl/img/aapng_xeerran.png

A tu mojego kuzyna:
http://s6.ifotos.pl/img/apng_xeerrax.png


Z góry dziękuję za odpowiedź !
U Ciebie ładnie, u kuzyna panel ucieka, ja wchodzę, elegancko. Dość dziwna rodzielczość 1152x864. Wydaje mi się, że to znikome przypadki. Oczywiście możesz zamiast szerokosci w px korzystać z %. Jednak najlepiej jak wypowie się jakiś grafik.
no właśnie mam prawie wszystko w procentach :D
Dlatego jedynie jeden panel ucieka, poprzez małą rozdzielczość, ale teraz mało kto posiada taką rozdzielczość. Standard to 1366x768 ewentualnie 1024x1024.

A jeśli twój kuzyn korzysta z FF, to będąc na twoim forum niech kliknie CTRL i -. To powinno mu pomóc. Tyle z mojej strony mogę powiedzieć.
Dobra, dzięki za pomoc.
U mnie wygląda to jeszcze inaczej. Ciekawe, jak wygląda to na ekranach full HD.
Tło się też urywa. Panel użytkownika wyjeżdża z prawej strony, a logo z lewej.


Pozdrawiam!
XmaX, mógłbyś zrobić screena i wrzucić go tutaj ?

Z góry dzięki :lol:
Nie za fajnie to zakodowane.

1. Zrób kopię zapasową stylu.
2. Musisz znaleźć następujący kod w Twoim stylu:
[Obrazek: 4UKY8.png]
(Najprawdopodbniej będzie w szablonie: header)
Pod tym dodaj:
<div id="wrap"
3. Następnie musisz znaleźć taki o to kod:
[Obrazek: p8cje.png]
(Powininen być w szablonie: footer)
Tam gdzie są dwa: </div></div> dodaj następny: </div>
4. Teraz wejdź w Twoje style .CSS, i nie wiem gdzie dokładnie to masz, ale z #container musisz wywalić:
width:81%; 
oraz
margin:0 auto 0 auto
[Obrazek: g4BLo.png]
5. Teraz wystarczy że dodasz gdzieś do .CSS:
http://wklej.org/hash/e0c6eb6da76/txt/

Jak wszystko dobrze zrobisz to powinno działać. (Jedynie nie będzie dokładnie działać na starszych wersjach Internet Explorer.)
2. kod dodałem zaraz pod obrazkiem
3. ma wyglądać tak ?
</div>
</div>
</div>
<br>

itd.

Forum teraz jest na całej szerokości, mogę sobie to teraz jakoś dopasować? :D
Powyższą zawartość wpisuj ręcznie, ponieważ wyszło Ci takie coś:
<div&nbsp;id="wrap">

2. Tak.
3. Tak.

@Edit: Dopasujesz punktem 5.
Jeśli jeszcze byś mi dał przykład jak mam zmienić #wrap {width:81%;margin:0 auto;min-width:1024px;} to byłbym Ci wdzięczny :lol:
Bo jak zmieniam 81% to nic się nie dzieje ...
Zmień #wrap, na #warp, bo złą nazwę w ID dałeś.

@Edit:
PS: Najlepiej daj gdzieś na 85%, bo 81% widzę trochę za mało.
Zmieniłem, ale jak edytuje to nadal nic się nie dzieje ...
@up, ponieważ jak dasz np. 50% to jest to mniej niż 1024 pikseli, a musi być więcej. Kombinuj od: 84% do 100%.

Gdy szerokość forum jest mniejsza niż 1024 pikseli to ignoruje te procenty i daje stałą szerokość dla forum 1024px.
Ok, dzięki za pomoc :)



Do ZAMKNIĘCIA !!!
Daniel Praźmo napisał 13.12.2012, 15:46:
[Obrazek: modnotice_thx.png]

[Obrazek: modnotice_howto.png]
To moderacja decyduje o zamknięciu wątku.



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

1 gości