Avatar billede kgp43 Nybegynder
02. oktober 2004 - 19:39 Der er 9 kommentarer og
2 løsninger

Firefox okay - IE ikke

Hejsa,

Nu har jeg lavet hjemmesider, der "validere" IE noget tid, men modtager arrige mails fra Firefox freaks, der brokker sig over at siderne ikke vises rigtigt i Firefox.

Så jeg besluttede mig, at lave den næste sider, så de kan vises korrekt i Firefox. Problemet er bare, at jeg ikke kan få siderne til at vises ens i både firefox og IE.

Er det mig der laver en fejl, eller er det IE der ikke understøtter standarderne? Hvis det er IE der er problemet, så er jeg jo nok nød til at gå 100% IE igen (da +90% anvender IE).

Jeg bruger koden herunder, til at "ligge et link" over mit logo/navn, men som i kan så får jeg følgende fejl:

IE: Linket ligger i den sorte ramme, i stedet for over logoet.
Firefox: Linket ligger fint.

Her er siden: http://www.savefile.com/hosting

CSS:
#logo-link{
    position:absolute;
    margin: 20px auto auto 20px;
    height: 50px;
    width: 200px;
}

HTML:
<div id="logo-link" onclick="location.href='index.php';" style="cursor: pointer;"></div>
Avatar billede hmortensen Nybegynder
02. oktober 2004 - 19:53 #1
Avatar billede dan_n Nybegynder
02. oktober 2004 - 19:57 #2
For at få linket på dit logo til at virke i IEof firefox, så brug følgende:


<div id="logo-link" onclick="java script:window.location.href='index.php';" style="cursor: pointer;"></div>
Avatar billede kgp43 Nybegynder
02. oktober 2004 - 20:02 #3
hindu_skp; rettet
dan_n; rettet

Stadig samme resultat.
Avatar billede dan_n Nybegynder
02. oktober 2004 - 20:17 #4
Denne kode burde løse dit problem:
#logo-link {
    WIDTH: 200px;
        POSITION: absolute;
        HEIGHT: 50px;
    left: 20px;
        top: 20px;
}
Avatar billede kgp43 Nybegynder
02. oktober 2004 - 20:31 #5
dan_n; det virkede :)
Hvad skyldes fejlen? Var dét de to "auto" (bottom,right)?
Avatar billede dan_n Nybegynder
02. oktober 2004 - 20:37 #6
Nej  der er fordi firefox og IE tolker margin og padding forskelligt.
Avatar billede dan_n Nybegynder
02. oktober 2004 - 20:37 #7
Takker for points
Avatar billede kgp43 Nybegynder
02. oktober 2004 - 20:42 #8
Dvs at man skal ikke anvende margin?

takker for hjælpen :)
Avatar billede dan_n Nybegynder
02. oktober 2004 - 20:58 #9
Nej, man kan snart ikke undvære margin og padding i alle alle sammnhænge. For left, top, right og bottom virker kun når man positionere sin elementer, altså (absolut- ,relativ positionering)

Bruger man ikke positionering, er padding og margin tit nødvendige for at få det som man  ønsker.

Så vil man være helt sikker på det ser ens ud, bliver man nød til at lave et specifik stylesheet til hver af de to browsere firefox og IE. og så impotere det vha en browser sniffer
Avatar billede dmcn Praktikant
02. oktober 2004 - 21:42 #10
Problemet opstår fordi IE sætter bredden til width uanset margin/padding, hvorimod andre browsere (som korrekt er), sætter bredden til width plus margin/padding.
For at omgå problemet, skal du blot lade være med at sætte margin/padding og width/height på samme element. Dette kan gøres med et containerdiv, som du sætter margin/padding på og et contentdiv inde i containerdiv'et, hvorpå du sætter width/height.

Browsersniffer hjælper ikke meget - efterhånden er IE den eneste browser uden mulighed for at sætte en falsk browser-header. :)
Avatar billede roenving Novice
03. oktober 2004 - 03:14 #11
>>dan_n

Det er direkte en fejl at angive java script: i en javascript-event ...

-- jeg kender godt nok ikke nogle browsere, som laver fejl på det, men det svarer til, at ekspedienten starter med at at sige penge: når man skal betale (det lyder en anelse overflødigt i den situation, ikke ?-)

java script: er en pseudo-fil-protokol, som kan bruges de steder, hvor man ellers kan angive en url, og stammer fra de allerførste browsere, som kunne lidt javascript, men ikke ellers forstod events, som bla. onclick m.m.fl.
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