Donc, à la place de l'iframe?

[Viciousity]

Ben je ne suis pas fan non plus mais penser un site avec cette contrainte c'est:
- Prévoir des menus assez petit pour les plus petites résolutions
- Avoir quelque chose d'harmonique (cache progressif pour ce qui disparait, etc ...)

Bête exemple de menu fixe et contenu qui défille :

body{

  background-color: #EEE;

  font-family: Verdana, Arial, Helvetica, sans-serif;

}

#fixedNav{

  /* Je fixe cette partie */

  position:fixed;

  /* Je la décalle légèrement vers la droite et vers le bas */

  top:40px; left:20px;

  width:300px;

}



/* Simple mise en forme du menu */

#fixedNav .nav{color:#666;list-style:none;margin:0;padding:0;}

#fixedNav .nav li a{display:block;border-bottom:1px solid rgba(0,0,0,0.1);border-top:1px solid #FFF;

padding:4px 10px;text-decoration:none;}

#fixedNav .nav li a:hover{background-color:#DDD;}



#dynContent{

  /* Je la positionne de manière absolue sur la page */

  position:absolute;

  /* Je la décale de 350px vers la droite (menu 300px+20px donc Espace de 30px entre la partie fixe et la parti mobile) */

  top:40px;left:350px;

  width: 400px;

  height: 4000px;

  /* Un peu de couleur */

  background-color:#FFF;border:1 px solid rgba(0,0,0,0.2);line-height:1.8em;padding:20px;

}

Code HTML

Code :

<div id="fixedNav">
  <ul class="nav">
    <li><a href="#">Accueil</a></li>
    <li><a href="#">Contact</a></li>
    <li><a href="#">Administration</a></li>
  </ul>
</div>

<div id="dynContent">
  Bla Bla mobile
  ...
</div>

---

UPDATED