Avatar billede shosho500 Nybegynder
16. august 2005 - 08:52 Der er 11 kommentarer og
1 løsning

Se forskel på browser typer ?

Ville lige hører om det er muligt at få et javascript, som kan se forskel på browser typer, for derefter at indlæse forskellige stylesheets, alt afhængig af hvilken browser det er brugeren har ?

Det er fordi at jeg kan ikke få min side vist ordentligt i FireFox, men den ser fin nok ud i IE.
Avatar billede shosho500 Nybegynder
16. august 2005 - 09:08 #1
Noget ala det her, bare den detecter browser type og ikke skærm størrelse:

// JavaScript Document
if (screen.width < 1024) {
document.write('<link rel=stylesheet type="text/css" href="layout800.css">');
}
if (screen.width >= 1024) {
document.write('<link rel=stylesheet type="text/css" href="layout1024.css">');
}
if (screen.width >= 1280) {
document.write('<link rel=stylesheet type="text/css" href="layout1280.css">');
}
if (screen.width >= 1600) {
document.write('<link rel=stylesheet type="text/css" href="layout600.css">');
}
Avatar billede nielle Nybegynder
16. august 2005 - 09:22 #2
Værsgod:

http://www.technorealm.co.uk/scripts/browserdetectcss.html

Men, du burde nu nok heller kigge alvorligt på din HTML og dit CSS i stedet.
Avatar billede shosho500 Nybegynder
16. august 2005 - 10:32 #3
Har kigget det igennem og det er valideret eftger w3 osv. men det ser ikke fint ud i firefox
Avatar billede nielle Nybegynder
16. august 2005 - 12:09 #4
Har du fået kigget på linket?
Avatar billede per1291 Nybegynder
16. august 2005 - 12:19 #5
function browsersnif()
{
var ua=navigator.userAgent.toLowerCase()
if (ua.indexOf("opera")>=0) {return "Opera"}
if (ua.indexOf("msie")>=0) {return "MSIE"} // Bemærk rækkefølgen af msie- og opera-checket!
if (ua.indexOf("netscape")>=0) {return "Netscape"}
if (ua.indexOf("firefox")>=0) {return "Firefox"}
return "Ukendt" // Denne linje tager højde for alle mulige andre browsere, f.eks. Safari
}
alert("Browseren er en "+browsersnif())
- Hilsen Per
Avatar billede jesper-moeller Nybegynder
16. august 2005 - 13:31 #6
"Har kigget det igennem og det er valideret eftger w3 osv"

At det er valid betyder ikke at det er fuldent... det kan sagtens have mangler ol selvom det validere...
At du ikke ser sidens ens i de to browsere tyder på at dit stylsheet ikke er optimalt...
Husk at de forskellige browser alle har hver deres twist til hvorledes de rendere (Tag feks IE og moz's forskelige måde at behandle margin på)
Førte skridt på vejen til ens sider i flest mulige browsere, er brugen af en korekt doctype med en valid DTD

95% af de visnings fejl du oplever mellem IE og firefox, vil du kunne ordne i dit stylesheet...
Avatar billede roenving Novice
16. august 2005 - 13:45 #7
Du skal absolut starte med at fortælle svaret på et af jesper-moellers underforståede spørgsmål:

Bruger du en fuldt kvalificeret doctype inklusive dtd-link, som f.eks. dette:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

?-)
Avatar billede per1291 Nybegynder
16. august 2005 - 22:50 #8
rebel-leader -> Min kode er det browsercheck du efterlyste.
Men roenving og jesper-moeller har ret: Din doctype skal være i orden.
Og hvis der så stadig er forskel på hjemmesidens fremtræden i IE og FF, så prøv at finde ud af HVILKE instruktioner der behandles forskelligt i de to browsere.
Et browsercheck er næsten altid en ikke-optimal nødløsning. - Hilsen Per
Avatar billede roenving Novice
17. august 2005 - 02:51 #9
By the way, så check lige efter, at du ikke i virkeligheden har skrevet noget vrøvl, for følgende validerer fuldt ud som korrekt dansk med grammatik og det hele:

Agurken lossede skåret i pc'en, mens guleroden voksede husets hoved-gearaksel.

-- html-validatoren har ikke mulighed for at teste andet end grammatik og semantiske sammensætninger, meningen kan godt være noget vildt vrøvl ...
Avatar billede shosho500 Nybegynder
17. august 2005 - 18:32 #10
Undskyld forsinkelsen.. Min doctype er: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Og jeg har kigget min kode igennem, plus mit css og det hele skulle være iorden, men har da fundet ud af, at det er firefox der viser min side rigtig og ie der fucker. Har fået svar på andre forums og det er simpelthen er fejl i ie, der gør at det ikke virker, fordi ie ikke følger w3, men deres egen standard.

nielle>> fik kigget på dit link, men det spiller ikke helt, har fået det til at virke nogenlunde, mens pers bare virker fuldt ud.

per1291>> Takker dit script virker super!


Vil dog tilføje at efter søgen på diverse websites har jeg fundet løsningen på problemet. Det hele handler om at indsætter alle mine divs inden i en div, som folk enten kalder en spacer eller en wrapper og sætte højde og bredde til 100% i css, så virker det, men jeg vil bruge scriptet, så er der ikke så meget pis, hvis der nu skulle være noget med en anden browser.

Tak til jer alle for at have svaret på min tråd og jer som har givet mig løsningen på mit spm, smid et svar.
Avatar billede per1291 Nybegynder
18. august 2005 - 00:24 #11
Jeg må vist være en af dem. - Hilsen Per
Avatar billede nielle Nybegynder
18. august 2005 - 06:55 #12
Nej tak, ingen point til mig på denne :^)
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