Aller au contenu

comment faire la "détection du navigateur", dans le site ?


Sujets conseillés

Posté

Bonjour,

Voilà, je début en CSS. J'ai réaliser un site avec une mise ne page en div et CSS.

Tous marche très bien avec l'ensemble des navigateur (quelque différence avec IE7, mais très minime et présentable au client), mais avec IE 6 la cata, ça fait 15 jours que je suis sur ce site bug après bug, d'abord les png en css... une fois un remède trouvé, uatre bug (par exemple mon rolever ne fonctionne plus sur le bacground des lein depuis que j'ai résolu le problème des fond transparent).

Bref, là j'ai exploser le temps. Je ne peux plus me permetre de perdre du temps pour IE6 (bien que débutant je ne peux pas me permettre d'exploser le planning, il s'agit d'un vrai travail, avec client...).

Je dois sonc trouver rapidement une solution, ce que j'ai fait, le site à une architecture simple à mettre ne tableau.

J'ai donc fais une autre version du site en tableau, qui marche parfaitement sur IE6.

Je sais faut pas faire ne tableau, mais là j'ai plus le temps (15jours déjà, avec x heure pris sur mon temps pour ne pas trop pulvérisé les délais.

J'aimerais donc faire un script ou autre pour que l'orsque le site ce charge (page index), il détecte le navigateur (commentaire conditionnel peut être?) et si c'est IE6, il charge l'aute site celui fait en tableau, le site est pas gros je peux largement stocker le deux sur le serveur.

En bref, j'essais d'être claire, je veux pour firefos, safari, opéra et tous les autres le site en div et css "charger" mais que pour ceux qui utilise IE6 il resoive la version en tableau.

L'aspect final et visuellement presque identique, donc mon patron et le client sont ok.

Et là je peux plus passer encore des heures et des heures avec IE6, quand j'airais du temps j'esairais en attandant, je préfaère faire ainsi.

Merci beaucoup, d'avance.

Posté

Merci!

Pour info tu as taper quoi dans google? moi ça fait depuis ce matin que je cherche j'ai d'abord trouver un truc comme ça :

<script type="text/javascript">

function detectversion() {

var NomNav = navigator.appName;

var VersNav = navigator.appVersion;

if (NomNav == "Microsoft Internet Explorer", VersNav == 6) {

OuAller =index_ie6.html";

}else{

OuAller = "index.htm";

}

document.location = OuAller;

}

</script>

Mais ça marche pas, ie affiche n'importe quoi.

Je vais essayer ta méthode, encore merci, parcontre apparement il faut nommé chaque navigateur? Comment le site risque de s'afficher si un personne utilise un navigateur autre ? Un moins connu?

Il ne serait pas possible de dire de ne redirectionner que pour ie6 et pour tous les autres afficher page index par défault ?

En tous cas merci encore, et désolé pour mes question, mais je suis débutant en la matière et le web c'est très,, très différent de graphisme (pAO ou print comme on dit).

Et je comme à réaliser le cochemard qu'est ie depuis que j'essais de me mettre au div et au css!

Merci encore.

Posté

désolé si c'est bête, mais le lein que tu m'a passer sert à détecter le navigateur, mais pour lui dire de charger tel ou tel site je fais comment avec cette méthode?

Là c'est pas du javascript.

désolé encore et merci

Posté

if ($navigateur=="IE6")

echo "ma page pour IE6";

elseif ($navigateur=="IE7")

echo "ma page pour IE7";

else

echo "pour mes autres navigateurs";

Posté

Le plus simple aurait été de créer un deuxieme CSS pour "corriger" les bugs de IE6, la tu t'es compliqué la vie pour pas grand chose.

<link rel="stylesheet" media="screen" type="text/css" href="/style.css" />
<!--[if lt IE 7.]><link rel="stylesheet" media="screen" type="text/css" href="/style_ie6.css" /><![endif]-->

à placer dans ton HEAD du fichier HTML.

Posté

Djoule, c'est ce que j'essais depuis 15 jours, j'ai d'abord galérer pour les background transparent des png des css, puis pour les scrol qui n'aparaissait pas, puis maintenir les lien qui une fois le bug des png réglé n'existait plus...

Sauf que la le temps passer sur le site n'est plus acceptable par le client, onc ls multitude de bug qui reste sont trop long avec ie (rechercher des script, internet ) j'ai plus le temps.

Je n'ai mis q'une heure pour mettre à jour la version tableau, alors que pour les background css avec les liens plus de trois jours que ce foutu d'IE voit les deux correctement !

Parfois il y a l'inpératif temps qu'il faut prendre ne compte.

Merci de votre aide

Posté (modifié)
if ($navigateur=="IE6")

echo "ma page pour IE6"; (dans mon cas je l'ai mis dans une répertoire dans le site car il y a tout le site en version tableau "/redirection_ie6/index.html", est-ce valide si je met ça? )

elseif ($navigateur=="IE7")

echo "ma page pour IE7";

else

echo "pour mes autres navigateurs";

désolé pour la bétise de ma question, mais faut écrt cette condition dans le HEAD ? entre deux balise SCRIPT ou pas? Sinon dans une CSS? ou en complément de la détection du navigateur?

j'ai essayer et ça le fait pas.

En tout cas merci.

Modifié par terkariens
Posté

C'est du php, il faut donc que tu renomes ta page en .php et que tu mettes ça entre 2 balises

<?php

....ton code....

?>

Mais si tu n'avais pas prévu de partir sur du php a l'origine je ne pense pas que ce soit une bonne solution.

Posté (modifié)

j'ai renommé ma page en index.php (j'ai renommer l'extention, et mis entre les balise comme tu ma dis mais ça marche pas, ça doit etre plus complexe surment et comme j'ai aucune connaissance du php. (j'ai taper le tout dans le head)

Est-ce que quelqu'un à une autre solution ou peut me détailler le code.

mon site est dans un répertoire, dans le quel il y a mes css mes page html, et un dossier redirection_ie6, dans le quel ce trouve la version du site en tableau.

voici le lien provisoire du site : www.forandmultimedia.fr/mediation/

Faut'il faire une syntaxe particulière pour que la page soit bien reconnu en PHP ? si quelqu'un peut m'aider merci

merci de votre aide.

voici mon code complet (je sais pas trop ou metttre le php, et si je vic le doctype il ne me centre plus ma div principal) :

<?php
if ($navigateur=="IE6")
echo "http://www.forandmultimedia.fr/mediation/redirection_ie6/index.html";
elseif ($navigateur=="IE7")
echo "http://www.forandmultimedia.fr/mediation/index.html";
else
echo "http://www.forandmultimedia.fr/mediation/index.html";
?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Médiation formation & conseil</title>
<link href="siteendiv.css" rel="stylesheet" type="text/css" />

<style type="text/css">
<!--
body {
background-color: #F0F0F0;
}
-->
</style>

<!--[if lt IE 6.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<link rel="stylesheet" type="text/css" href="iefix.css" />
<![endif]-->

</head>

<body>

<div class="fond" id="fond">
<div class="divcentre" id="background_div">
<div class="mediation" id="logo">
<div class="mediation_logo" id="media_logo"><a href="index.html" class="invisible_liens" style="display: block; width: 245px; height: 160px;">hhhhhhhhhhhh<br />
hhhhhhhhhhhh<br />
hhhhhhhhhhhh</a></div>
<div class="div_adresse" id="coordonnees">
<p class="coordonnees">Médiation
<p class="coordonnees">Siège social<br />
116 rue de Courcelles<br />
75017 Paris
<p class="coordonnees">
<p class="coordonnees">Services commerciaux et administratifs<br />
8 rue Franklin<br />
69002 Lyon
<p class="coordonnees">[ France ]
<p class="telephone">Tél.
(33) 04 78 37 67 58
<p class="telephone">
<p class="telephone">
<p class="telephone">
<div class="div_anglais" id="anglais">
<p><span class="coordonnees">RCS Paris B 421
303 99 </span></p>
<p><img src="images/drapeaux-uk.gif" width="20" height="14" class="drapeau_ang"><a href="anglais.html" class="anglais">Anglais </a></p>
</div>
</div>
</div>

<div class="cadre_millieu" id="cadre_centre">
<table id="tabe_cadre" width="100%" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle"><div class="table_centre" id="tableau_centrale">
<table width="100%" height"85%" border="0" cellspacing="4">
<tr>
<td>
<p class="titre_principal" align="left">Savoir être
négociateur</p> </td>
</tr>
<tr>
<td>
<p class="titreintro">Médiation, un cabinet spécialisé</td>
</tr>
<tr>
<td class="adresse"><a href="contexte-mediation-negociation.html" class="texte_intro">Qu'il
s'agisse d'effectuer un achat auprès d'un fournisseur,
de recenser les besoins réels auprès des
clients internes, d'améliorer les clauses d'un
contrat existant, de développer un partenariat
efficace, de conduire un programme d'investissement, de
compenser des écarts, de maximiser la valeur ajoutée,
de conduire une équipe, de gérer les interfaces,
de modifier des organisations, d'éviter les conflits
: le monde de l'Entreprise - pour ne rien dire de celui
de la diplomatie et des enceintes internationales - multiplie
quotidiennement les <span class="texteintrorouge">occasions
de négocier</span>. [ ... ] </a></td>
</tr>
<tr>
<td background="pointgris.gif" height="6" width="100%"><img src="espaceur.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td>
<p><a href="methode-technique-negociation.html" class="titreintro">La méthode</a></p> </td>
</tr>
<tr>
<td class="adresse"><a href="methode-technique-negociation.html" class="texte_intro">Notre
formation relève du <span class="texterouge">transfert
de technologie</span> sur la base d'<span class="texterouge">exposés
techniques</span> illustrés par des <span class="texterouge">exemples</span>
tirés de la réalité des entreprises
et nourris d'<span class="texterouge">échanges</span>
à partir de l'<span class="texterouge">expérience
vécue</span> des participants, une <span class="texterouge">mise
en uvre</span> est aussitôt proposée
au gré des <span class="texterouge">cas pratiques</span>.
[ ... ] </a></td>
</tr>
<tr>
<td background="pointgris.gif" height="6" width="100%"><img src="espaceur.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td>
<p><a href="acteurs.html" class="titreintro">Les acteurs</a></p> </td>
</tr>
<tr>
<td class="adresse"><a href="acteurs.html" class="texte_intro">L'équipe
de Médiation est composée de professionnels
issus de différents horizons, qui à un moment
donné de leurs parcours professionnels ont décidé
de transmettre à leurs pairs leurs expériences
acquises au travers de situations diverses et variées,
constituant à elles seules un véritable
benchmarking [ ... ] </a></td>
</tr>
<tr>
<td background="pointgris.gif" height="8" width="100%" style="background-repeat: repeat-x"><img src="espaceur.gif" width="1" height="6" alt=""></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>

<div class="menu" id="menu_droit">
<div class="menu_01" id="contexte"><a href="contexte-mediation-negociation.html" class="cache_liens_droits" style="display: block; width: 246px; height: 30px">Le contexte, l'objectif, le concept</a></div>
<div class="menu_02" id="la_methode"><a href="la_methode.html" class="cache_liens_droits" style="display: block; width: 246px; height: 30px;">La méthode </a></div>
<div class="menu_03" id="le_contenu"><a href="contenu-technique-outil-negociation.html" class="cache_liens_droits" style="display: block; width: 246px; height: 30px;"> Le contenu type d'un séminariste </a></div>
<div class="menu_04" id="medition"><a href="mediation-specialiste-conseil.html" class="cache_liens_droits" style="display: block; width: 246px; height: 30px;"> Médiation, un cabinet spécialisé </a></div>
<div class="menu_05" id="la_duree"><a href="file:///Oualata/Users/brunoforand/Travaux Oualata/For & Multimedia/Site internet/mediation/duree-theorie-pratique-negociation.html" class="cache_liens_droits" style="display: block; width: 246px; height: 30px;"> la durée d'un séminaire type</a></div>
<div class="menu_06" id="les_moyens"><a href="moyen-outil-negociation.html" class="cache_liens_droits" style="display: block; width: 246px; height: 30px;">les moyens mis en oeuvre </a></div>
<div class="menu_07" id="les_acteurs"><a href="acteur-mediation-negociation.html" class="cache_liens_droits" style="display: block; width: 246px; height: 30px;">Les acteurs </a></div>
<div class="menu_08" id="quelques"><a href="reference-mediation-negociation.html" class="cache_liens_droits" style="display: block; width: 246px; height: 30px;"> Quelques références</a></div>
<div class="menu_09" id="calendrier"><a href="calendrier-seminaire-negociation.html" class="cache_liens_droits" style="display: block; width: 246px; height: 30px;"> Calendrier </a></div>
<div class="menu_10" id="les_tarifs"><a href="tarif-formation-negociation.html" class="cache_liens_droits" style="display: block; width: 246px; height: 30px;"> Les Tarifs </a></div>

<div class="contact" id="dic_contact"><a href="contact.html" class="invisible_liens_droit" style="display: block; width: 215px; height: 59px;">hhhhhhhhhhhh</a></div>

<div class="pdf" id="div_pdf"> <a href="mediation-specialiste.pdf" target="_blank" class="invisible_liens_droit" style="display: block; width: 215px; height: 70px;">hhh</a>
<div class="texte_PDF"id="conteneur-lien"><a href="mediation-specialiste.pdf" target="_blank" class="cahe_tous_liens">Dossier de présentation<br />
à consulter,à imprimer</a></div>
</div>
</div>
<div class="liens_bas" id="div_liens"><a href="index.html" class="texte_liens_bas">Accueil</a> <span class="tiret_liens_bas">|</span> <a href="contexte-mediation-negociation.html" class="texte_liens_bas">Contexte,
objectif, concept</a> <span class="tiret_liens_bas">| </span><a href="la_methode.html" class="texte_liens_bas">Méthode</a><span class="tiret_liens_bas"> | </span><span class="texte_liens_bas"><a href= "contenu-technique-outil-negociation.html" class="texte_liens_bas">Contenu</a> </span><span class="tiret_liens_bas">|</span> <span class="texte_liens_bas"><a href="mediation-specialiste-conseil.html" class="texte_liens_bas">Médiation</a></span> <span class="tiret_liens_bas">|</span> <a href="mediation/duree-theorie-pratique-negociation.html" class="texte_liens_bas">Durée</a> <span class="tiret_liens_bas">|</span> <a href="mediation/moyen-outil-negociation.html" class="texte_liens_bas">Moyens</a> <span class="tiret_liens_bas">| </span><a href="acteur-mediation-negociation.html" class="texte_liens_bas">Acteurs </a><span class="tiret_liens_bas">|</span> <a href="reference-mediation-negociation.html" class="texte_liens_bas">Références</a><span class="tiret_liens_bas"> |</span> <a href="calendrier-seminaire-negociation.html" class="texte_liens_bas">Calendrier</a> <span class="tiret_liens_bas">| </span><a href="tarif-formation-negociation.html" class="texte_liens_bas">Tarifs</a><span class="tiret_liens_bas"> |</span> <a href="contact.html" class="texte_liens_bas">Contact</a><span class="tiret_liens_bas"> |</span> <a href="mediation-specialiste.pdf" class="texte_liens_bas">Dossier de présentation</a><a href="http://www.forandmultimedia.fr" target="_blank"></a></div>

<div class="logofor" id="forandmultimedia"><img src="images/sign_forandmultimedia.gif" alt="logo" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="-1,-1,125,25" href="http://www.forandmultimedia.fr" target="_blank" />
</map></div>
</div>
</div>
</body>
</html>

Merci d'avance pour votre aide

Modifié par terkariens

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...