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

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

Dziwny defekt na stylu Apart

Założony przez  aeroflash.

1.6.8

Zauważyłem, że na stylach APART, kiedy zmniejszymy okno przeglądarki z pełnoekranowego trybu na mniejsze, a potem przesuwamy pionowym paskiem przeglądarki w lewą stronę tak, aby pojawiła się schowana prawa część strony, przycina się ta prawa część, która ma zostać pokazana.
[Obrazek: problem_apart.jpg]

Tak samo, kiedy powiększymy treść w przeglądarce np. ze standardowego 100% na 200% po przesunięciu schowanej prawej części strony ta część też jest przycinana.

Apart style są całkiem ciekawe, ale zastanawia mnie, czemu jest taki defekt na nich.
Można sobie zobaczyć np. tutaj
Aero2forum.pl

Jak testowałem na jednej ze stron kod HTML nie zawiera błędów, CSS też, ale taki defekt jest.

W walidatorze HTML akurat dla strony aero2forum.pl są 4 błędy.

Wie ktoś czemu tak się dzieje?
Ten błąd jest tylko na Google Chrome, ściągnij sobie inny styl z rodziny apartów (kolor inny) i zawartość #container (chyba to on za to odpowiadał, ale ręki sobie uciąć nie dam :)) wklej do tego którego używasz, po prostu zamień te container :P
dzięki za radę, jak sprawdziłem problem nie dotyczy wszystkich APARTOW, ale chyba jednego stylu, jednak problem ten na pewno jest na IE i na FireFox.

#container w panelu administratora /style iszablony/Twój styl/
to będzie osobny plik #container czy może jakaś klasa w jakimś pliku? Nie sprawdzałem jeszcze więc tak pytam przy okazji.
Klasa w global.css
ACP => Style i szablony => styl => global.css
Sprawdziłem i u mnie na firefoxie działa, tak samo na chrome. Może to tylko dotyczy tych starszych wersji mozilli.

Zrób tak jak Ci mówiłem klasę container z tego aparta, który dobrze jest wyświetlany przekopiuj do siebie i zamień :)
Pobrałem wszystkie style APART zainstalowałem kilka z nich, ale na każdym jest ten problem.

Nie wiem gdzie maden sprawdzałeś, ale
wejdź sobie np. tutaj
http://omnibussimulator.pl/

Zmniejsz okno do np. 50% i przesuń dolnym suwakiem tak aby odkryć prawą część strony. Zobaczysz, że przycina.
Kiedy wywalę linię overflow: hidden; wtedy działy są całe, ale to co jest pod nimi jest dalej przycinane. Można jeszcze kombinować z .wrapper, ale wtedy treść forum się przy zmniejszaniu okna upycha.

#content {
    background: #fff;
    width: auto !important;
    padding: 20px 10px;
    overflow: hidden;
    border-bottom: 1px solid #000;
}

Muszę pokombinować i znaleźć ten defekt może jakoś.
Sory mój błąd, myślałem, że ucina Ci to w inny sposób.

Tylko powiedz mi jedno, u mnie to ucina tylko wtedy, gdy tą stronę powiększę i przesunę na bok. Po co ktoś ma powiększać sobie forum? no chyba, że ma taką rozdzielczość :)
Masz na myśli stopień powiększania standardowo przeglądarka ma ustawione 100%, ale jak ktoś weźmie 200% wtedy nie widać prawej schowanej części więc przesuwa suwakiem aby tę część odkryć, ale jest ucięta.

Mój brat np. ma ustawione 150% lepiej mu się czyta więc ludzie powiększają strony w przeglądarkach.

Wiem, że niektóre elementy można poprawić przez zmianę/usunięcie
overflow: hidden;

ale to jeszcze nie to. Chyba, że w kodzie są inne elementy, które mają hidden. Na szybko sprawdziłem wszystkie, które znalazłem, ale jednak gdzieś coś jeszcze pozostaje.
Podaję rozwiązanie do tego problemu. Należy dodać w szablonie do pliku globall.css

html { min-width: 990px; }

To wyeliminuje problem.

Z tego miejsca podziękowania za pomoc w rozwiązaniu tego defektu jednemu użytkownikowi z forum 4programmers.net



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

1 gości