probleme compatibilite site sur ipad et iphone

[vpndiscount]

Bonjour,

mon site presente un defaut de compatibilité sur iphone et ipad je ne vois pas comment le regler le probleme se situe dans le menus tout en haut... le site : www.vpnfreeway.net

a partir du menus deroulant à propos et tout ce qu'il y a sur la droite c'est impossible de voir...

s'il faut je peu placer le code de la partie de mon header ici.

merci de votre aide.

 

[vpndiscount]

<!-- Site Header -->
<div class="siteHeaderShadow"> </div>
<div class="siteHeader">
  <div class="center"> <iframe width="215" height="90" frameborder="no" scrolling="no" marginheight="0" marginwidth="0" src="templates/RackHost/logo.html"></iframe>

    <ul class="navigation">
      <li> <a href="index.php"><strong>Accueil</strong></a> </li>

      <li> <a class="dropdown" href="vpn.php"><strong>Nos Offres <img width="12" height="12" src="templates/RackHost/resources/img/icons/iconeCaddie.png" alt="Achat"></img></strong></a>
        <ul class="dropdown">
          <li><a href="vpn.php"><strong>VPN A Prix Discount</strong></a></li>
          <li><a href="sharedhosting.php"><strong>H&eacute;bergement Mutualis&eacute;</strong></a></li>
          <li><a href="domainchecker.php"><strong>Nom de Domaine</strong></a></li>
        </ul>
      </li>

      <li> <a class="dropdown"><strong>A Propos</strong></a>
        <ul class="dropdown">
          <li><a href="propos.php"><strong>La Soci&eacute;t&eacute;</strong></a></li>
          <li><a href="cgv.php"><strong>Nos C.G.V</strong></a></li>
          <li><a href="mentions.php"><strong>Mentions L&eacute;gales</strong></a></li>
          <li><a href="announcements.php"><strong>Actualit&eacute;</strong></a></li>
          <li><a href="gbook.php"><strong>Votre Avis</strong></a></li>
          <li><a href="presse.php"><strong>Espace Presse</strong></a></li>
          <li><a href="partenaires.php"><strong>Partenaires</strong></a></li>
        </ul>
      </li>

      <li> <a class="dropdown"><strong>Fonctionnalit&eacute;s</strong></a>
        <ul class="dropdown">
          <li><a href="knowledgebase.php?action=displayarticle&id=1"><strong>Qu'est-ce qu'un VPN?</strong></a></li>
          <li><a href="knowledgebase.php?action=displayarticle&id=23"><strong>Pourquoi choisir un VPN?</strong></a></li>
          <li><a href="knowledgebase.php?action=displayarticle&id=2"><strong>T&eacute;l&eacute;vision &Eacute;trang&egrave;re</strong></a></li>
          <li><a href="knowledgebase.php?action=displayarticle&id=12"><strong>Chaines de T&eacute;l&eacute;vision sur la TV</strong></a></li>
          <li><a href="progtv.php"><strong>Programme TV</strong></a></li>
          <li><a href="knowledgebase.php?action=displayarticle&id=3"><strong>Chaines Fran&ccedil;aises</strong></a></li>
          <li><a href="knowledgebase.php?action=displayarticle&id=13"><strong>Chaines Americaines</strong></a></li>
          <li><a href="knowledgebase.php?action=displayarticle&id=5"><strong>Chaines Anglaises</strong></a></li>
          <li><a href="knowledgebase.php?action=displayarticle&id=22"><strong>Chaines Canadienne</strong></a></li>
        </ul>
      </li>

      <li> <a class="dropdown"><strong>Compte Client</strong></a>
        <ul class="dropdown">
          <li><a href="register.php"><strong>Devenir Client</strong></a></li>
          <li><a href="cart.php?a=view"><strong>Mon Panier <img width="12" height="12" src="templates/RackHost/resources/img/icons/iconeCaddie.png" alt="Achat"></img></strong></a></li>
          <li><a href="clientarea.php"><strong>Mon Compte</strong></a></li>
        </ul>
      </li>

      <li> <a class="dropdown"><strong>Support</strong></a>
        <ul class="dropdown">
          <li><a href="submitticket.php?step=2&deptid=1"><strong>Ticket</strong></a></li>
          <li><a href="knowledgebase.php"><strong>Tutoriels</strong></a></li>
          <li><a href="knowledgebase.php?action=displaycat&catid=10"><strong><img width="12" height="12" src="templates/RackHost/resources/img/icons/win13.png" alt="PC Windows"></img> PC</strong></a></li>
          <li><a href="knowledgebase.php?action=displaycat&catid=11"><strong><img width="12" height="12" src="templates/RackHost/resources/img/icons/apple13.png" alt="Mac"></img> Mac</strong></a></li>
          <li><a href="knowledgebase.php?action=displaycat&catid=14"><strong><img width="12" height="12" src="templates/RackHost/resources/img/icons/linux13.png" alt="PC Linux"></img> Linux</strong></a></li>
          <li><a href="knowledgebase.php?action=displaycat&catid=13"><strong><img width="12" height="12" src="templates/RackHost/resources/img/icons/apple13.png" alt="Apple iOS"></img> iOS</strong></a></li>
          <li><a href="knowledgebase.php?action=displaycat&catid=12"><strong><img width="12" height="12" src="templates/RackHost/resources/img/icons/android13.png" alt="Android"></img> Android</strong></a></li>
          <li><a href="geoip.php"><strong>G&eacute;olocalisation</strong></a></li>
        </li>

    </ul>

  </div>
</div>

 

[vpndiscount]

Up .. si quelqu'un peu m'aider?

 

[f_trt]

Désolé, je ne possède ni ipad ni iphone pour t'aider.

As-tu déjà passé au controle ton site (validation html, css...)

De mon côté firebug me signale aussi une syntaxe erreur au niveau d'un else

Sais-t-on jamais en corrigeant cela rétablira peut-être ?

 

[loubet]

.siteWrapper {
    min-width: 960px;
}

donc avec une résolution inférieur à 960, il faut utiliser l'ascenceur. y-en-a-t-il un sur iphone ?

 

[vpndiscount]

l'erreur vient de sitewrapper? que dois je faire?

 

[vpndiscount]

quelqu'un aurai une idee?

 

[vpndiscount]

up toujours pas de news...

 

[vpndiscount]

up si quelqu'un a une idee....

 

[Furtif]

Et si tu déclarais ton viewport...

<!DOCTYPE html>
<html lang="fr" xml:lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

au lieu de :
<!DOCTYPE html>
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="favicon2.gif" type="image/x-icon" />
<!-- Meta et Titre -->
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

 

[web proxy]

Bonjour,
sur mon ordinateur aussi le site n'est pas compatible si je réduite la taille de mon navigateur,
à vrai dire j'ai pas une solution à ton problème, mais il y a une autre solution c'est l'utilisation d'un framework qui rend le site adaptable à toute les résolutions des écrans

 

[vpndiscount]

@Furtif

je dois changer le head des pages comme tu la mis c'est sa?

 

[vpndiscount]

j'utilise de base whmcs comme CMS pour mon site web proxy...

 

[Furtif]

je dois changer le head des pages comme tu la mis c'est sa?

vi..

<!DOCTYPE html>
<html lang="fr" xml:lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="favicon2.gif" type="image/x-icon" />

 

[vpndiscount]

changement fait....

 

[Furtif]

Ton responsive prends l'eau....

Pourtant Bootstrap est un Framework simple et leger. Plus simple tu meurs

Tu devrais revoir la structure de tes pages et de ton code, tu as forcement fait une ou des bourdes kekpart...

 

[vpndiscount]

lorsque je passe le debug de chrome j'obtient que 3 erreurs :

Uncaught SyntaxError: Unexpected token else www.vpnfreeway.net/eclients/templates/RackHost/resources/js/rackhost.js:434
Invalid App Id: Must be a number or numeric string representing the application id.
FB.getLoginStatus() called before calling FB.init().

 

[vpndiscount]

je souhaiterai avoir une confirmation ce matin j'ai remplacer le js de mon theme par l'initial et je pense que cela a resolu le probleme sur mon iphone j'accede au menus en haut... quelqu'un peut tester avec un ipad et un autre iphone svp merci....

il faut pouvoir voir les menus a partir de A propos si le menus descend et jusqu'a support et si vous pouvez accedez aux liens...

 

[vpndiscount]

quelqu'un peu confirmer?