Karuzela, problem w Google Chrome

0

Witam,
mam następujący problem: umieściłem na stronie karuzelę, która wyświetla 1 obrazek z 3, wszystko jest ok. W Google Chrome przy odświeżeniu strony karuzela dostaje style left:316px przez co widać 30% obrazka, co dziwne gdy kliknę na logo strony, które jest linkiem do głównej, strona się odświeża i wszystko jest ok obrazek widać w 100% left:1px, a jeśli odświeżę stronę F5 znowu left dostaje wartość 316px;. Może to dość zagmatwane, starałem się opisać problem jasno. O to CSS:

 element.style {
text-align: left;
float: none;
position: absolute;
top: 0px;
right: auto;
bottom: auto;
left: 316px;               <--- prawidłowo jest left:1px; i  w innych przeglądarkach tak działa
margin: 0px;
width: 673px;
height: 350px;
z-index: auto;}

Div który jest rodzicem tego u góry

element.style {
display: block;
text-align: start;
float: none;
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: auto;
width: 637px;
height: 350px;
margin: 0px;
overflow: hidden;
}
.caroufredsel_wrapper {
width: 100%!important;
height: 100%!important;
margin: 0px!important; 

Zdaję sobie sprawę, że jest to dość dziwny problem i być może nie do końca jasny, ale mam nadzieję, że ktoś po prostu zna rozwiązanie.
Dodam, że próbowałem w jquery pobrać style left diva i w przypadku gdy wynosi 316px zamieniać go na 1px, ale pobrana wartość wynosi AUTO ;)
Pozdrawiam Serdecznie

0

To jest problem z javascriptem raczej, więc dopóki nie dasz całego kodu to nie da rady Tobie pomóc. Najlepiej daj linka do strony z tym problemem, bo skoro Ty masz tylko ten problem to możliwe, że kopiowanie fragmentów też nie ma sensu, bo nie zadziała bez całej reszty.

0

Trochę zagmatwałeś problem, pokaż o co Ci dokładnie chodzi, bo inaczej nic nie wyjdzie.

0

Niestety nie mogę podać linka do strony ze względów służbowych, mogę natomiast podać plik JS, gdybyście byli tak uprzejmi, z tym że gdzie wam go wrzucić?

Skracając problem: jest div rodzic relative; a div dziecko absolute, który dostaje przez JS left:316px <-- GOOGLE CHROME; na pozostałych przeglądarkach left:1px; <-- czyli prawidłowo.
Gdy wchodzę w link do głównej strony przykładowo klikając w LOGO strony, którego href=".", to left=1px jest dobrze, a jeśli odświeżę stronę skrótem F5 left=316px jest źle;

Doszedłem do kolejnego wniosku: Przy odświeżaniu skryptów na stronie left dostaje 316px; Google chrome ma to do siebie, że sam przy odświeżaniu strony odświeża skrypty dlatego tylko w tej przeglądarce jest błąd. W pozostałych błąd się pojawia przy odświeżaniu skryptów.

0

to nic nie mówi. możesz tak sobie opowiadać 5 stron tego wątku i nic z tego.

odtwórz problem, żeby był do zaobserwowania na jakimś wyciętym fragmencie strony (i opublikuj gdziekolwiek), albo na jsbin/jsfiddle [ale tu z powodu natury tych stron i odświeżania pewnie nie przejdzie]

1 użytkowników online, w tym zalogowanych: 0, gości: 1