Avatar billede learner Praktikant
26. april 2012 - 13:47 Der er 5 kommentarer og
1 løsning

Css problem med position i IE

Hejsa

Jeg har lavet nogen tabs i højre side af helsekost.dk og kan ikke få dem til at stå rigtigt i Internet Explorer.

Hvad gør jeg galt?
Hvordan kan jeg få den til det?

virker fint i andre browsere
Avatar billede learner Praktikant
26. april 2012 - 14:04 #1
Jeg har fundet ud af at det skyldes denne animation:

    $(".socialTab").hover(
        function () {
            $(this).animate({left:'+=-9px'},100);
        },
        function () {
            $(this).animate({left:'+=+9px'},100);
        }
    );
Avatar billede sneska Nybegynder
26. april 2012 - 14:05 #2
Uden at være ekspert, men det lyder som padding:0px; problem. Det er bare et forslag :)
Avatar billede learner Praktikant
26. april 2012 - 14:18 #3
Hej
Tak for forslaget
Det vil jeg lige prøve

Nu har jeg fundet problemet med anuimationen.
dette løste det problem:
    $(".socialTab").hover(
        function () {
            $(this).animate({right:'+=+9px'},100);
        },
        function () {
            $(this).animate({right:'+=-9px'},100);
        }
    );
Avatar billede learner Praktikant
26. april 2012 - 14:18 #4
Hvilken div skal ha padding:0px; ?
Avatar billede learner Praktikant
26. april 2012 - 14:26 #5
Jeg tror jeg har løst det nu :o)
Ved at flytte lidt rundt på tingene
Jeg er ikke css specialist, men det ser ud til at det virker nu.

#fixedDiv {
    position    : fixed;
    top        : 0px;
    right      : 0px;
    width      : 40px;
    padding    : 0px;
}
#tabFacebook {
    background  : url(images/icons/socialFacebook.png) no-repeat 0 0 transparent;
    height      : 182px;
    width      : 40px;
    position    : absolute;
    top        : 190px;
    right      : -9px;
    padding    : 0px;
}
#tabFavorit {
    background  : url(images/icons/socialFavorit.png) no-repeat 0 0 transparent;
    height      : 170px;
    top        : 390px;
    width      : 40px;
    position    : absolute;
    right      : -9px;
    padding    : 0px;
}
Avatar billede learner Praktikant
26. april 2012 - 14:28 #6
svar
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester