login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Iemands browser ophalen (Opgelost)

Offline nick5556 - 08/06/2008 15:37
Avatar van nick5556PHP beginner Hallo,

wij( ik en simp ) zijn bezig met een site, maar wat we ook proberen de styles komen niet gelijk in IE en FF. Ik heb ergens ooit eens gelezen dat je met JS iemands browser kan ophalen, we willen namelijk dat als iemand FF gebruikt dat hij/zij ff.css gebruikt en iemand die IE gebruikt ie.css .

Weet iemand waar ik dit gelezen heb/hoe dit moet?

Bij voorbaat THX 

5 antwoorden

Gesponsorde links
Offline Koen - 08/06/2008 15:41 (laatste wijziging 08/06/2008 15:49)
Avatar van Koen PHP expert
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. navigator.userAgent;
  2. // en
  3. navigator.appName;


(Aangezien het in de categorie javascript staat post ik javascript en geen html, Sandernerd. )

http://www.javascriptkit.com/jsref/navigator.shtml
Offline sergevv - 09/06/2008 20:40
Avatar van sergevv Nieuw lid Dit is heel simpel om te maken.
Je maakt 3 css bestanden, bv. ie_styling.css, ff_styling.css en styling.css

Onderstaande code zet je in je html binnen de <head> tag
html code - Bekijk de code zonder highlighting - Klap code in 
  1. <SCRIPT language="JavaScript" SRC="js/browsercheck.js"></SCRIPT>


De inhoud van browsercheck.js bestaat uit hetvolgende:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. if(navigator.userAgent.indexOf("Firefox")!=-1){
  2.     document.write ("<link rel='stylesheet' media='screen' href='css/ff_styling.css' type='text/css' />");
  3.   //detect Netscape 4.7+
  4.     } else if (navigator.appName=="Netscape"&&parseFloat(navigator.appVersion)>=4.7){
  5.     document.write ("<link rel='stylesheet' media='screen' href='css/styling.css' type='text/css' />");
  6.   }
  7.   //Detect IE5.5+
  8.   version=0
  9.   if (navigator.appVersion.indexOf("MSIE")!=-1){
  10.     temp=navigator.appVersion.split("MSIE")
  11.     version=parseFloat(temp[1])
  12.   }
  13.   if (version>=5.5){ //NON IE browser will return 0
  14.     //window.alert("ie >5.5");
  15.     document.write ("<link rel='stylesheet' media='screen' href='css/ie_styling.css' type='text/css' />");
  16.  
  17.   }
  18.   // Opera
  19.   if(navigator.userAgent.indexOf("Opera")!=-1){
  20.     var versionindex=navigator.userAgent.indexOf("Opera")+6
  21.     if (parseInt(navigator.userAgent.charAt(versionindex))>=8){
  22.       document.write ("<link rel='stylesheet' media='screen' href='css/styling.css' type='text/css' />");
  23.     }
  24.   }
Offline Wim - 09/06/2008 20:47
Avatar van Wim Crew algemeen ik heb dit bij in m'n code staan, en erm; works like a charm....

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!--[if IE]>
  2. <style>
  3. #head_container ul
  4. {
  5. 	margin-top: 56px;
  6. }
  7. #content_container
  8. {
  9.     float: left;
  10. }
  11. </style>
  12. <![endif]-->
Offline vinTage - 09/06/2008 23:08 (laatste wijziging 09/06/2008 23:09)
Avatar van vinTage Nieuw lid @wimmarien, dat heet conditional comment en is imo idd een pak fatsoenlijker dan javascript in combi met tig verschillende css files...

Je kan verschillende browserversies meegeven in die comments, maar veel meer dan
<!--[if lt IE 7]>
zul je niet nodig hebben, niemand gebruikt nog lager dan ie6 en 7 is al een vlaai beter en ie8 nog een vlaai meer dan ie7.
Offline Wim - 09/06/2008 23:28
Avatar van Wim Crew algemeen toch 1% van de mensen op het net 

FF heeft ondertussen 40% van de markt :-) jeuj!


bron: http://www.w3sc..._stats.asp
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.43s