Inne Rozdzielczość, u jednego jest dobrze a u drugiego ucieka w lewo ! - On line i offline

wersja skryptu MyBB: 1.8.7
adres forum: http://sfrp.pl/forum/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Zrobiłem statusy online oraz offline zgodnie z tym: https://webboard.pl/thread-42028.html?pi...#pid179077
Jednak gdy wyśrodkowałem u mnie, to u kolegi na komputerze znów ucieka to w prawo. Jak mam zrobić aby było u nas tak samo?! '

Global css

.online_status {
margin-left: 7px;
position: absolute;
margin-top: -173px;
}

.offline_status {
margin-left: 7px;
position: absolute;
margin-top: -173px;
}

Ustal wartosc procentowa dla danego elementu

Zrobiłem takie coś:

.online_status {
margin-left: 0.53%;
position: absolute;
margin-top: -12.8%;
}

.offline_status {
margin-left: 0.53%;
position: absolute;
margin-top: -12.8%;
}

I dalej ucieka, u innych.. U mnie jest okay

W css wyszukaj offline_status i zamień go całego na:


.awatarr { max-width: 150px; position: relative; } /* 150px to obecny maksymalny rozmiar awataru */
.offline_status { position: absolute; left: -6px; }


Następnie przejdź do html i zmienną od statusu przenieś nad zmienną od awataru, a obydwie zmienne zamknij w div o klasie awatarr. Tak samo będziesz musiał ostylować klasę online.

Następnie przejdź do html i zmienną od statusu przenieś nad zmienną od awataru, a obydwie zmienne zamknij w div o klasie awatarr. Tak samo będziesz musiał ostylować klasę online.

Mam rozumieć że mam przejść do szablonów---->opis posta--->postbit?

Używamy tego: https://webboard.pl/thread-45824.html aby sprawdzić do jakiego szablonu mamy przejść. Wszystko widać: http://prntscr.com/bt8zbw

Działa, odnalazłem zmienne i zastosowałem tak jak mówiłeś

Zmieniłem u siebie status online i offline z domyślnych na inne i jak się powiększy lub zmniejszy forum to uciekają na boki, próbowałem różnych ustawień i zawsze ucieka 

Forum: www.nedds24.pl

w css dałęm :

.online_button {
    margin-left: -1.32%;
    position: absolute;
   margin-top: -1.64%;
}

.offline_button {
    margin-left: -1.32%;
    position: absolute;
   margin-top: -1.64%;
}

<div class="online_button"><a href="online.php" title="Online"><img src="images/buddy_online.png" border="0" alt="Online"></a></div>

<div class="offline_button"><img src="images/buddy_offline.png" title="Offline" alt="Offline"></div>

Jak dajesz wartości w % to co się dziwisz.

Na oko powinno to wyglądać tak:

.offline_button {
    margin-left: -18px;
    margin-top: -28px;
    position: absolute;
}

Zmieniłem na px ale nadal się przesuwa jak się zmienia rozmiar strony np na cały ekran

zwykły
   

pełny ekran
   

Daj position: relative;w odpowiednim miejscu (box co jest po lewo), a później ustaw status za pomocą czegoś typu: top: 0; left: 0;.