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