Bonjour,

J'ai un menu vertical qui s'affichait correctement. D'un seul coup suite à une série de modifications php et sans toucher au css, chaque ligne du menu s'allonge désespérément dans le sens vertical.

Un premier indice: Chaque fois que j'ajoutais un var_dump en php, j'avais ce phénomène qui disparaissait en supprimant le var_dump.

Un second indice: L'allongement est constant est voisin d'une hauteur de fenêtre + 2 lignes.

Voici la partie de css correspondante au menu:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
/* Menu gauche */
nav ul
{
    margin: 0;
    border: 1px solid #666;
    border-bottom: none;
}
nav ul ul,
nav ul ul ul
{
    width: 175px;
    border: 1px solid #666;
    border-bottom: none;
    position: absolute;
    top: -1px;
    left:118px;
    display: none;
    z-index:15;
}
nav ul li,
nav ul li ul li,
nav ul li ul li ul li
{
    position: relative;
    list-style: none;
    border-bottom: 1px solid #666;
    height: auto;
    line-height: 20px;
}
nav li a
{
    text-decoration: none;
    padding: 4px 8px;
    display: block;
    width: auto;
    height: 100%;
    line-height: 20px;
}
nav ul.col1 li.smenu:hover ul.col2, nav ul.col2 li.smenu:hover ul.col3 {
    display: block;
}
nav ul, nav ul ul, nav ul ul ul
{
    background-color: #ddd;
}
Pour info voici le code source de la page html générée en php
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>essai</title>
    <meta name="description" content="visitez notre démonstration." />
    <meta name="keywords" content="plein de choses" />
    <link rel="stylesheet" media="all" type="text/css" href="_css/structure.css" /> <!-- Dimensions et positions -->
    <link rel="stylesheet" media="screen" type="text/css" href="_css/screen.css" />
    <!-- <link rel="stylesheet" media="screen" type="text/css" href="./_css/perso0.css" /> <!-- Personnalisation des styles -->
    <!-- Ce script permet de faire reconnaître les balises de structure par IE<9 -->
    <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
 
    <!-- Suite pour IE6, d'après "http://blog.infiniclick.fr/articles/un-menu-vertical-en-css-partie-1.html". -->
    <!-- Ce script permet à IE6 de reconnaître le hover -->
    <!--[if IE 6]>
        <link rel="stylesheet" type="text/css" href="./css/menu8-ie6.css" />
    <![endif]-->
 
    <!-- Ce script permet de pallier à un bogue de IE -->
    <!-- [if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif] -->
</head>
 
<body onload="clock('fr')"> <!-- Ce script permet d'afficher une horloge constament à l'heure -->
 
    <header>
        <div id="calendar">
            <span id="timer"></span> <!-- Cette ligne sert à l'affichage de l'horloge -->
        </div>
        <h1>Sirap<br /><span>la gestion des bénévoles et salariés d'associations et de collectivités<span></h1>
    </header>
 
    <!-- Si la page en cours est la page index.php, on affiche formulaire de connexion sinon, on affiche le menu -->
        <!-- Menu d'après "http://blog.infiniclick.fr/articles/un-menu-vertical-en-css-partie-1.html" -->
    <nav>
        <ul class="col1">
            <li class="smenu"><a href="homeAbo.php">Accueil</a></li> <!-- Accueil -->
            <li class="smenu"><a href="displStaff.php"><strong>Fichier</strong></a> <!-- Lecture fichier -->
            </li>
            <li class="smenu"><a href="params.php">Réglages</a></li>
            <li class="smenu"><a href="#">Administrateur</a> <!-- Administrateur -->
                <ul class="col2">
                    <li><a href="">Edition abonné</a></li> <!-- Edition abonné -->
                    <li><a href="displServerData.php">Données serveur</a></li> <!-- Données serveur -->
                </ul>
            </li>
            <li class="smenu"><a href="#">Divers</a> <!-- Divers -->
                <ul class="col2">
                    <li><a href="logout.php">Déconnexion</a></li> <!-- Déconnexion : Efface les cookies de connexion avant de revenir à l'index -->
                    <li><a href="aide/fr/000.php" target="_blank">Aide</a></li> <!-- Aide -->
                </ul>
            </li>
        </ul>
    </nav>
 
    <article id="right">
 
 
 
        </article>
        <footer class="footer">
            <br/>&nbsp;
            <hr/>
            * N° de semaine selon ISO 8601      </footer>
        <script>
            clockData = {"weekDays":["Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi"],"monthes":["janvier","f\u00e9vrier","mars","avril","mai","juin","juillet","ao\u00fbt","septembre","octobre","novembre","d\u00e9cembre"],"week":"Semaine","language":"fr"}; // Transfert de clockData de PHP vers JS
        </script>
        <!-- Appel du script de l'horloge -->
        <script src="_libraries/_routines.js">
        </script>
    </body>
 
</html>