Brakujące piksele w szerokości slidera
Author: Piotr S.
Visited 1916,
Followers 1,
Shared 0
Witam,
mam problem z dostosowaniem slidera do szerokości strony. Mianowicie ustawiam szerokość strony na 1920, zamieszczam w elemencie strony galerię z pokazem slajdów i tam dodaję np. 3 grafiki z gotowymi reklamami. Grafiki oczywiście rozmiarów 1920x350 px. Są fajnie dopasowane wtedy do strony. Kiedy już dodam dodatkowe elementy poniżej i strona wymaga przewijania, wtedy zmieniam szerokość strony na 1903 px. Jeśli jest wstawiona jedna kolumna to nie ma problemu z dopasowaniem i slide leży "od dechy do dechy", ale jeśli dokładam już 3 lub więcej kolumn na stronie to np. od lewej strony slide ma położenie 0, natomiast już do prawej brakuje kilku pikseli. Marginesy oczywiście na 0. Czy ktoś rozumie mój zamysł i zna rozwiązanie?
Posted on the
Witaj Piotr
Już nie raz tłumaczyłem
suma komórek musi być równa
czyli bez ułamków np:
dzielisz stronę 1200px na 12 komórek
(oczywiście bez marginesów itp)
i wychodzi równy wynik 100
ale jak podzielisz 1200px na 11 komórek
to wyjdzie wynik 109,0909.... i tak nie może być
efekt masz na swoim przykładzie
Tu masz przykłady gdzie była "mowa" o marginesach i komórkach
https://helpcenter.websitex5.com/post/131753
https://helpcenter.websitex5.com/post/133863
https://helpcenter.websitex5.com/post/131286
Pozdrawiam
Author
Dziękuję za podpowiedź! Darek wybacz, ale jestem nowy na forum, a nie przeglądałem wszystkich zagadnień. Pozdrowienia dla Ciebie :)
Author
Ale tak propos - ustawie 1900 (na równo), aby podzielić na równo. Strona będzie maksymalnie rozciągnięta, ale i tak będzie paru pikseli brakować, bo jednak jest nieco szersza. Np. 1903 lub 1920. Przy 1920 już w przeglądarce pojawia się na dole pasek przewijania. Szkoda, że wersja 12 nie ma opcji dopasowywania do max szerokości... Pozdrawiam ;)
Witaj Piotr
Na szybko zrobiłem projekt o szerokości strony 1920px
oraz 12 równych komórek (1920:12=160)
wstawiłem pokaz slajdów i nie mam żadnych "wolnych" pikseli
Sprawdź dokładnie "wszędzie" ustawienia marginesów
Author
Ale jak dodam więcej elementów, idąc w dół strony (kiedy już strona wymaga przewijania w dół)to już pokaże się pasek przewijania na dole strony, który chce przesuwać stronę w bok...
Author
Dorzucam dwa screeny, aby zobrazować Darku, jak to wygląda. Strona szerokości 1920px, marginesy na zero, podzielona na 12 równych komórek. No i w podglądzie nie ma paska przewijania u dołu przeglądarki. Ale jak dodam jakikolwiek element poniżej pokazuj slajdów, nawet wąski element tekstowy to już się wtedy ten pasek przewijania pojawia... Brak pomysłu...
Author
Załączam jeszcze z elementem tekstowym, kiedy ów pasek się pojawia.
Tak, zgadza się
automatycznie dodawane są "gdzieś" piksele,
tylko gdzie?
Szukałem "wszędzie", zmieniałem w css, ale nie znalazłem przyczyny
Może na to pytanie odpowie Promise SA
Wszystko wskazuje na błąd w programie.
Author
Doszliśmy więc do sedna sprawy, co mnie zastanawiało. Kombinowałem na wszelkie sposoby, sprawdzałem wszystko. Jednak nie przyniosło to rezultatu. Będę oczekiwał na odpowiedź Promiste SA. Może znajdą rozwiązanie. Aktualnie tematu nie zamykam :)
Witaj Piotr,
Proszę wyeksportować stronę na serwer i podać jej adres lub wyeksportować projekt i przesłać na adres pomoc[małpka]promise[kropka]pl
Pozdrawiam
Promise SA
W załączniku, tak na szybko, zrobiony projekt strony na szerokość 1920
Nic nie wstawione, tylko minimalna wysokość strony została ustawiana
by "pojawił się" pasek przewijania w przeglądarce
Witaj Piotr,
Proszę zauważyć, że na drugim załączonym przez Ciebie zrzucie ekranu pojawił się również pasek przewijania pionowego, z boku, w oknie przeglądarki. Taki dodatkowy pasek zmniejsza dostępną w przeglądarce przestrzeń - nie jest to już 1920 pikseli. Jeżeli ktoś ma w przeglądarce dodatkowe boczne panele (np. z historią przeglądania), to u takiego użytkownika również pojawi się pasek przewijania.
Pozdrawiam
tylko ile?? Promise SA
Jeżeli się zmienia to dlaczego nie robi się to na całej szerokości strony?
tylko zostaje dodatkowy "niechciany" margines.
Author
Rozumiem, że standardowo w przeglądarkach pasek boczny zmniejsza szerokość przeglądania w przeglądarce (przy rozdzielczości ekranu 1920x1080). Szerokość witryny wtedy wynosi 1903px. Próbowałem zrobić stronę w tej rozdzielczości, jednak aby np. pokaz slajdów zajmował całą szerokość strony wraz z elementami wstawiony poniżej czy powyżej niego i nie zostawiał niechcianego marginesu, dana budowana strona w Website musiałaby byc podzielona na liczbę kolumn, których szerokość jest równa (bez dziesiętnych i setnych). 1903 nie da sie podzielić tak, aby wyszła równa suma. Stąd poruszony temat.
Witaj Piotr
Na chwilę obecną "widzę" tylko jedno rozwiązanie pokazu slajdów na całą szerokość strony Mianowicie pozostaje wstawienie tego pokazu w nagłówek
Ustawiasz wtedy okno pokazu na 1903 oczywiście bez żadnych "marginesów"
Tylko jest małe "ale"
Nie we wszystkich przeglądarkach szerokość paska wynosi 17
Author
Hej Darku :)
Tylko nagłówek wyświetla się na każdej podstronie, a tego raczej nie chcemy... Dążymy do tego, że jeśli ustawiamy stronę na 1920 to chcemy, aby była ona bez jakichś pustych marginesów, mieszcząca sie na całej szerokości w przeglądarce, bez paska przewijania na dole...
w ustawieniach efektu pokazu jest możliwość wskazania
gdzie się mają slajdy wyświetlać, a gdzie nie
Witaj Piotr,
Założenie, że pasek przewijania w każdej przeglądarce ma taką samą szerokość jest błędne. Co więcej, nawet jeżeli ktoś posiada ekran o rozdzielczości HD, nie oznacza to od razu, że w przeglądarce będzie dostępna cała przestrzeń i nie pojawi się pasek przewijania przy ustawieniu szerokości strony na 1920 pikseli.
Witaj Darek,
Proszę ustawić tło w sekcji "Menu" na takie samo jak tło nagłówka, to "niechciany" margines nie będzie widoczny.
Pozdrawiam
pisałem właśnie o tym trzy posty wyżej
Witaj Darek,
Proszę ustawić tło w sekcji "Menu" na takie samo jak tło nagłówka, to "niechciany" margines nie będzie widoczny...
czyli w tym momencie tło nagłówka staje się bezużyteczne...
a menu miało być przezroczyste
Dlaczego w takim przypadku menu "tworzy niechciany" margines?
Author
Czyli reasumując całe zagadnienie: jeśli ustawimy szerokość strony na 1920px, podzielimy na 12 równych kolumn na danej stronie; umieścimy takie elementy, jak pokaz slajdów, dodatkowe pola tekstowe, zdjęcia etc. z marginesami na 0 i chcąc, aby wszystkie te elementy zajmowały nam całą szerokość strony to to osiągniemy, ale trzeba liczyć się z tym, że pojawi nam się pasek przewijania u dołu strony.
Author
I nie ma możliwości obejścia tego, jedynie z możliwością umieszczenia pokazu slajdów w nagłówku przy szerokości strony 1903px. Jednak trzeba liczyc się wtedy z tym, że nie wszystkie przeglądarki mają jednakową szerokość paska przewijania w dół i górę, co spowoduje, że na naszej stronie pojawią się niechciane marginesy.
Witaj Piotr,
Zgadza się. Zalecamy jednak żeby nie tworzyć stron pod jedną konkretną rozdzielczość.
Pozdrawiam