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.
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!)
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 :/
10-12-2012, 22:16 (Ten post był ostatnio modyfikowany: 10-12-2012, 22:21 przez Kartofelek.)
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"
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ę
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)
http://www.pastelownia.pl/strony/energia/poprawiona/index.html
