Problem med sliderens placering

Her kan du stille og svare på spørgsmål omkring CSS
Besvar
noergaard1
Begynder
Indlæg:14
Tilmeldt:21. apr 2014, 14:33
Problem med sliderens placering

Indlæg af noergaard1 » 21. apr 2014, 14:37

Hej!
Jeg har det problem, at når jeg åbner min hjemmeside i Safari så placerer banneret (slideren) sig mærkeligt nogle gange som ses i videoen. Du kan se mine koder både .js, .css og .html. Problemet opstår kun når jeg viser siden i Safari. Det sker ikke i Chrome og Firefox... Umiddelbart tænker jeg, at problemet ligger i .css men jeg ved det ikke... Så hvis det passer ind i en bedre kategori, så må admins godt flytte emnet :)
Håber du kan hjælpe :)

Du kan se videoen her hvor jeg viser lidt af mine koder... Hvis i vil have yderligere information så skriv her.
https://www.youtube.com/watch?v=DEEfOe4 ... e=youtu.be

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Problem med sliderens placering

Indlæg af ThomasI » 21. apr 2014, 15:49

Hej med dig og velkommen.

Har du mulighed for at ligge din kode op? Det er lidt svært lige at få et overblik i en video, hvor du skifter mellem dine sider.

Er din side live? Hvis ja, så ville et link hjælpe meget, da vi derved vil kunne teste din side i Safari selv :)

noergaard1
Begynder
Indlæg:14
Tilmeldt:21. apr 2014, 14:33

Re: Problem med sliderens placering

Indlæg af noergaard1 » 21. apr 2014, 16:30

Tak for hurtigt svar! :)
Men side er ikke live endnu, og ved heller ikke lige hvornår det bliver. Er i det stadie hvor jeg prøver at lære så meget som muligt. :)
I safari skifter den jo somsagt placering, efter man reloader siden.

Her er mit banner
<div id="banner">
<div class="controller" id="prev" ></div>
<div id="slider">
<a href="http://www.google.com" target="_blank"><img src="../images/Banner/Banner1.jpg"></a>
<a href="http://www.google.com" target="_blank"><img src="../images/Banner/1250520_36083673.jpg"></a>
<img src="../images/Banner/small-animal.jpg">
</div>
<div class="controller" id="next" ></div>

</div>


slider.js
$('#slider').cycle({
fx: 'scrollHorz',
speed: 'slow',
next: '#next',
prev: '#prev'
});

slider.css
#prev { background-image:url(../images/Banner/leftArrow.png);
background-repeat:no-repeat;
background-position:center center;
display:block;
float:left;
height:300px;
width:80px;
position:relative;
z-index:40; }

#next { background-image:url(../images/Banner/rightArrow.png);
background-repeat:no-repeat;
background-position:center center;
display:block;
float:right;
height:300px;
width:80px;
position:relative;
z-index:40; }

#slider {
display: block;
margin: auto;
float: left;
height: 300;
width: 900;
overflow: hidden;
position: absolute; }


Så har jeg tager jQuery fra deres hjemmeside
Og jQuery.cycle.all.js, jeg ved ikke hvad man kalder det, men et eller andet bindeled...

Og du kan få billeder som jeg har taget af det her:
https://www.dropbox.com/sh/f509z1valtid6zq/pIu-Szt1YK

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Problem med sliderens placering

Indlæg af ThomasI » 21. apr 2014, 17:23

Du skiver at det sker når du "reloader" siden - har du tjekket at det ikke er din cache der driller? Nogle gange kan man godt ryge tilbage til "tidligere kode" ved at reloade.

Prøv evt. at åbne din side og bruger "vis detaljer om emnet" (google chrome) til at tjekke padding, margin osv på din slider. noter evt. de forksllige værdier ned. Prøv derefter at "reloade" siden så problemet opstår, og gå derefter ind og tjek css´en igen... er der noget der har ændret sig?

Hvor har du din slider fra? Send gerne link :)

noergaard1
Begynder
Indlæg:14
Tilmeldt:21. apr 2014, 14:33

Re: Problem med sliderens placering

Indlæg af noergaard1 » 21. apr 2014, 17:45

Når jeg skriver reloader, så gør jeg ligesom i starten af filmen. Trykker "Preview in Safari" når jeg er i safari viser den nogle gange at slideren er hoppet ned, hvis jeg så der trykker reload "cmd+R" (på mac) så kan jeg være heldig at den hopper op. - Så den skulle meget gerne gå ud fra den nyeste gemte kode fra DreamWeaver.

Så har jeg prøvet at fjerne de pile man kan navigere lidt rundt med på slideren, og det løste problemet... Så det må være det pile som har en eller anden fejl et sted, men ved ikke lige hvor.

Jeg har slideren fra dennehjemmeside:
http://jquery.malsup.com/cycle/download.html og har taget "Cycle Plugin"

Og det korte javascript jeg har er herfra:
http://malsup.com/jquery/cycle/int.html

Her er et link til hvordan det ser ud i hhv. Chrome og Safari
https://www.dropbox.com/sh/rs53f5xvbc5z0gd/QvuF0FsUTl

Besvar