Problem przy pomniejszaniu/powiększaniu strony - Wersja do druku +- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl) +-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www) +--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript) +--- Wątek: Problem przy pomniejszaniu/powiększaniu strony (/thread-problem-przy-pomniejszaniu-powiekszaniu-strony)

Problem przy pomniejszaniu/powiększaniu strony - pelirroja - 10-12-2012 Witam, mam problemy z wyświetlaniem strony przy jej pomniejszaniu/powiększaniu oraz na tablecie. Załączam fragmenty zrzutów, żeby zobrazować w czym rzecz. Na pierwszym zrzucie widać fragment prawidłowo wyświetlonej strony (100%). Drugi to jej pomniejszenie w Operze, gdzie widać, że przejście między zdjęciem a zielonym polem rozjeżdża się pod menu. Czy spotkaliście się kiedyś z tego typu problemem i wiecie, jak go rozwiązać? Jedyne co mi przychodzi do głowy to inne pocięcie grafiki i nie wiem czy jest jakiś prostszy sposób? Drugi problem to pomniejszanie strony w Google Chrome, tu z kolei pojawiają się przechodzące przez całą stronę kreski. Podobny problem występuje na tabletach i na jego rozwiązanie nie mam już żadnego pomysłu, bo inne pocięcie grafiki może nic nie dać, kreska może pojawić się w innym miejscu. Będę bardzo wdzięczna za jakiekolwiek wskazówki i pomoc, bo pierwszy raz spotykam się z takim problemem i niebardzo wiem, jak to ugryźć. Pozdrawiam. RE: Problem przy pomniejszaniu/powiększaniu strony - Engine - 10-12-2012 A nie możesz pokazać gdzieś strony na żywo tylko jakieś obrazki dałeś. I co z obrazka mam kod odczytać RE: Problem przy pomniejszaniu/powiększaniu strony - pelirroja - 10-12-2012 Mogę http://www.pastelownia.pl/strony/energia/poprawiona/index.html RE: Problem przy pomniejszaniu/powiększaniu strony - Kartofelek - 10-12-2012 1) po co slider ma tlo, skoro tlo jest dla calego slidera? #slider #slider-right {......tutaj wywalamy tlo.....} (51 linia) 2) wydaje mi się, że lepiej jak wrzucisz poszczególne części laja we wspólnego diva o rozmiarze 1100, którego będziesz centrować. Nie centruj części oddzielnie, bo jak widać niektóre przeglądarki mają swoją mądrość (u mnie dopiero zauważyłem powyższy błąd gdy pomniejszyłem/powiększyłem stronę na safari. Na reszcie przeglądarek było cacy!) RE: Problem przy pomniejszaniu/powiększaniu strony - pelirroja - 10-12-2012 Dziękuję za wskazówki Pod tym adresem http://www.pastelownia.pl/strony/energia/poprawiona2/index.html mam wrzuconą wersję z poprawkami, nadałam szerokość 1100px divovi "container", w którym są umieszczone wszystkie divy, jest on wycentrowany, ale niestety to nie pomogło, nadal ten mały fragmencik pod menu rozjeżdża się przy pomniejszaniu w Operze, IE, Firefoxie i Chrome, nie wiem jak w innych przeglądarkach :/ RE: Problem przy pomniejszaniu/powiększaniu strony - Kartofelek - 10-12-2012 Zobaczę później w domu na xp. Na win7 jest ok. Możesz też spróbować użyć position:relative + left/right zamiast marginesów. Ale jak widzę, to safari zwyczajnie krzaczy grafikę. Ja tam bym się tym nie przejmował. Przeglądarki tak różnie interpretują html i grafikę że takie px-owe błędy się zdarzają. Dlatego sporo webmasterów najnowsze laje robi nie z linijką a z dewizą "emocje" RE: Problem przy pomniejszaniu/powiększaniu strony - pelirroja - 10-12-2012 Ja sprawdzam na win7 i wszędzie oprócz Firefoxa jest ten sam błąd:/ I w Chrome dodatkowo te poziome paski. W Firefoxie wszystko jest pięknie. Chętnie bym się nie przejmowała, niestety firma dla której jest ta strona się przejęła i ja tym samym też muszę RE: Problem przy pomniejszaniu/powiększaniu strony - Kartofelek - 10-12-2012 Mi się wydaje że to jest przykład błędnego skalowania: http://stackoverflow.com/questions/7835287/zoom-changes-the-design-layout Moim zdaniem najbezpieczniej jest zrobić innym podejściem: Grafika wiatraków i sliderka jako jedność. Wtedy w zależności od wybranej wersji: - na tą grafikę nakładasz menu z tłem jako png, - nakładasz menu z przezroczystym tłem (wtedy grafika tego menu jest w powyższej grafice)