probleme compatibilite site sur ipad et iphone

WRInaute discret
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.
 
WRInaute discret
Code:
<!-- 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>
 
WRInaute impliqué
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 ?
 
WRInaute impliqué
Code:
.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 ?
 
WRInaute accro
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" />
 
WRInaute discret
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
 
WRInaute accro
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" />
 
WRInaute accro
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...
 
WRInaute discret
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...
 
Discussions similaires
Haut