Décalage DIV sous FF et IE avec boucle php

Résolu/Fermé
poumon Messages postés 63 Date d'inscription mardi 30 novembre 2004 Statut Membre Dernière intervention 10 décembre 2008 - 6 mars 2008 à 19:28
poumon Messages postés 63 Date d'inscription mardi 30 novembre 2004 Statut Membre Dernière intervention 10 décembre 2008 - 29 mars 2008 à 22:50
Bonjour,

Cela fais plusieurs jours que je cherche mais aucun forum ne semble en parler. Je construit un site et pour l'instant, aucun problème de positionnement. J'ai une div "top" pour le menu du haut, une div "corp" qui contient le menu gauche (div "menu left") et le contenu (div "contenu").
Mais une page pose désormais problème. Elle contient un if () de base en php. S'il y a 1 passage dans la boucle if, j'ai un décalage sur les div de "corp".
Sans passage dans cette boucle, la page s'affiche sans problème.

Voici le code de la fameuse boucle:
<?php

if (!isset($IDInv))
{
?>
<h1>Choisissez un invité</h1>
<select name="IDInv" onChange ="charger(this.value)">
<option value="null">Faites votre choix</option>-->
<?php
while ($ligne3= mysql_fetch_array($result3, MYSQL_ASSOC))
{
extract ($ligne3);
$IDInv=$ligne3['IDInv'];
echo "<option value='$IDInv'>{$ligne3['Prenom']} {$ligne3['Nom']}</option>";

}
?>


</select>
<?php
}

else {
?>

Est ce un problème CSS, php, html? J'ai changé les padding, crée un div spéciale, ...rien ne resoud le souci.
Merci d'avance pour vos conseils!

4 réponses

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
7 mars 2008 à 00:50
salut,

peux tu nous montrer le code HTML servi ?
0
poumon Messages postés 63 Date d'inscription mardi 30 novembre 2004 Statut Membre Dernière intervention 10 décembre 2008 11
7 mars 2008 à 21:04
Salut
Merci pour ta réponse. Le code html est un peu long c'est pourquoi j'avais limité la dose. Le voici au complet:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML  1.1//EN" "http://www.w3c.org/TR/xhtml11.dtd">

<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">

  <head>
      <title>Modification d'un invite</title>
      <meta http-equiv="Content-type" content="application/xhtml+xml" charset="iso-8859-1" />
      <meta name="author" content="" />
      <meta name="keywords" content="" />
      <meta name="description" content="" />
      <link rel="stylesheet" type="text/css" href="monstyle.css" />
      <link rel="stylesheet" type="text/css" href="styleInvites.css" />
      <script language = "javascript"> 
                function charger (id)
                { 
                location.href = "ModifInv.php?IDInv="+id; 
                } 
      </script> 

  </head>

  <body>

<!--Traitement php-->


          <?php

            include ("misc.inc");
            
          //Connexion à la base

            $connection= mysql_connect ($host,$user, $password)
              or die ("Connexion au serveur impossible");
            $db= mysql_select_db($database, $connection)
              or die ("Connexion à la base de données impossible");


          //Sélection de la Table Invites

            $query= "SELECT * FROM invites WHERE IDInv='$IDInv'";
            $result= mysql_query ($query)
              or die ("Selection de la table impossible");


          // Extraction des données et rangement dans result

            $ligne= mysql_fetch_array ($result, MYSQL_ASSOC);
            
          // Sélection de la table Maries
            
            $query1= "SELECT * FROM maries";
            $result1= mysql_query($query1)
              or die ("Sélection de la table invites impossible");
              
          //Sélection de la table categorieinvites

            $query2= "SELECT * FROM categorieinvites";
            $result2= mysql_query($query2)
              or die ("Sélection de la table invites impossible");

          //Sélection de la Table Invites entiere pour le cas où IDInv est inconnu (menu gauche)

            $query3= "SELECT * FROM invites ORDER BY nom,prenom";
            $result3= mysql_query ($query3)
              or die ("Selection de la table impossible");


          
        ?>
	
		<!--Mise en place du menu du haut-->

    <div id="menutop">

                  <ul>
                      <li><a href="Index.php" title="Accueil" target="_self"><img alt="Accueil" src="../Images/boutonaccueil.gif"/></a></li>
                      <li><a href="ListeInv.php" title="Liste Invités" target="_self"><img alt="Liste Invités" src="../Images/BoutonInvite.gif"/></a></li>
                      <li><a href="ListeLieu.php" title="Liste Lieux" target="_self"><img alt="Liste des lieux"src="../Images/BoutonLieux.gif"/></a></li>
                      <li><a href="ListeResto.php" title="Liste Restaurants" target="_self"><img alt="Liste Restaurants" src="../Images/BoutonRestaurant.gif"/></a></li>
                      <li><a href="ListeTraiteur.php" title="Liste Traiteurs" target="_self"><img alt="Liste Traiteurs" src="../Images/BoutonTraiteur.gif"/></a></li>
                      <li><a href="ListeCocktail.php" title="Liste Cocktail" target="_self"><img alt="Liste Cocktail" src="../Images/BoutonCocktail.gif"/></a></li>
                      <li><a href="ListeAutres.php" title="Liste divers" target="_self"><img alt="Liste divers" src="../Images/BoutonAutres.gif"/></a></li>
                      <li><a href="Simulation.php" title="Simulation" target="_self"><img alt="Simulation" src="../Images/BoutonSimu.gif"/></a></li>
                   </ul>

                      
    </div>

<!-- Corp de la page-->

    <div id="corp">

<!--Mise en place du menu de gauche-->

                  <div id="menugauche">

                      <a id="lien1" href="ListeInv.php" title="Liste des invités">Liste</a><br />
                      <a id="lien2" href="NewInvite.php" title="Nouvel Invite">Nouvel Invité</a><br />
                      <a id="lien3" href="ModifInv.php" title="Modifier la fiche d'un invité">Modifier</a>
                      <a id="lien4" href="AnulInv.php" title="Annuler une invitation">Annuler</a><br />

                       
                  </div>


<!-- Mise en place du bloc contenu-->

                <div id="contenu">


<!-- Si la variable IDInv n'est pas reçue (cad si on utilise le lien du menu de gauche) afficher une liste déroulante des invites -->
                        <?php 
                       
                        if (!isset($IDInv)) 
                        {
                        ?>
                          <h1>Choisissez un invité</h1>
                          <select name="IDInv" onChange ="charger(this.value)">
                          <option value="null">Faites votre choix</option>-->
                                    <?php
                                          while ($ligne3= mysql_fetch_array($result3, MYSQL_ASSOC))
                                          {
                                          extract ($ligne3);
                                          $IDInv=$ligne3['IDInv'];
                                          echo "<option value='$IDInv'>{$ligne3['Prenom']} {$ligne3['Nom']}</option>";
                                         
                                          }
                                     ?>
                                                                            
                                    
                            </select>
                            <?php
                           
                            }
                           
                        
                         else {
                         ?>
                            
                            
<!-- Quand la variable IDInv est reçue -->

<!--Mise en place du formulaire-->
                         
                          <form action="ModifInvTrait.php" method="post"><h1>Modifier cet invité</h1>
                            <fieldset id="form">
                              <legend>Identité</legend>
                              <br />
                            
                              <!--//Champ Nom-->				
                              <label>Nom</label>
                              <input type="text" name="Nom" value="<?php echo $ligne['Nom']; ?>" /><br /><br />
                              
                              <!--//Champ Prénom-->
                              <label>Prénom</label>
                              <input type="text" name="Prenom" value="<?php echo $ligne['Prenom']; ?" /><br /><br />

                              <!--//Choix par liste du marié invitant-->
                              <label>Invité par :</label>
                              <select name="IDMaries">
                                    <?php
                                    
                                          while ($ligne1= mysql_fetch_array($result1, MYSQL_ASSOC))
                                          {
                                          extract ($ligne1);
                                          $IDMaries=$ligne1['IDMaries'];
                                          echo "<OPTION value='$IDMaries'";if ($ligne['IDMaries']==$IDMaries) echo " selected='selected'";
                                          echo ">{$ligne1['Nom']}\n";
                                          }		
                                    ?>
                              </select><br /><br />
                              
                              <!--//Choix par liste de la catégorie de l'invité (famille, amis, ...)-->
                              <label>Catégorie</label>
                              <select name="IDCatInv">
                                    <?php
                                          while ($ligne2= mysql_fetch_array($result2, MYSQL_ASSOC))
                                          {
                                          extract ($ligne2);
                                          $IDCatInv=$ligne2['IDCatInv'];
                                          echo "<OPTION value='$IDCatInv'";if ($ligne['IDCatInv']==$IDCatInv) echo " selected='selected'";
                                          echo">{$ligne2['Categorie']}\n";
                                          }                                    
                                    ?>
                              </select><br /><br />
		
                              <!--//Etat couple-->
		
                              <label>En couple</label>
                              <input type="checkbox" value="1" name="Couple" <?php if($ligne['Couple'] == 1){echo" CHECKED";} ?> /><br />
                              </fieldset><br /><br />

                              <!--//Champ de commentaire-->
                            <fieldset>
                              <legend>Commentaire</legend>
                              <br />                              
                              <textarea name="Commentaire" rows="5" cols="70"><?php echo $ligne['Commentaire'] ?></textarea><br /><br />
                              <input type="submit" value="Envoyer" />
                             </fieldset>
                             <input type=hidden name="IDInv" value="<?php echo $IDInv ?>">
		
				
                          <!--//Envoi du formulaire à NewInvTrait-->
                          </form><?php } ?>
                  </div>
    </div>


  </body>
  
</html>




La boucle php dont je parlais est sous le div "contenu".
0
poumon Messages postés 63 Date d'inscription mardi 30 novembre 2004 Statut Membre Dernière intervention 10 décembre 2008 11
7 mars 2008 à 21:53
Excellent ! J'ai aussi un décalage sur ce site avec IE !
Je recommence:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3c.org/TR/xhtml11.dtd">

<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Modification d'un invite</title>
<meta http-equiv="Content-type" content="application/xhtml+xml" charset="iso-8859-1" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="monstyle.css" />
<link rel="stylesheet" type="text/css" href="styleInvites.css" />
<script language = "javascript">
function charger (id)
{
location.href = "ModifInv.php?IDInv="+id;
}
</script>

</head>

<body>

<!--Traitement php-->


<?php

include ("misc.inc");

//Connexion à la base

$connection= mysql_connect ($host,$user, $password)
or die ("Connexion au serveur impossible");
$db= mysql_select_db($database, $connection)
or die ("Connexion à la base de données impossible");


//Sélection de la Table Invites

$query= "SELECT * FROM invites WHERE IDInv='$IDInv'";
$result= mysql_query ($query)
or die ("Selection de la table impossible");


// Extraction des données et rangement dans result

$ligne= mysql_fetch_array ($result, MYSQL_ASSOC);

// Sélection de la table Maries

$query1= "SELECT * FROM maries";
$result1= mysql_query($query1)
or die ("Sélection de la table invites impossible");

//Sélection de la table categorieinvites

$query2= "SELECT * FROM categorieinvites";
$result2= mysql_query($query2)
or die ("Sélection de la table invites impossible");

//Sélection de la Table Invites entiere pour le cas où IDInv est inconnu (menu gauche)

$query3= "SELECT * FROM invites ORDER BY nom,prenom";
$result3= mysql_query ($query3)
or die ("Selection de la table impossible");



?>

<!--Mise en place du menu du haut-->

<div id="menutop">

<ul>
<li><a href="Index.php" title="Accueil" target="_self"><img alt="Accueil" src="../Images/boutonaccueil.gif"/></a></li>
<li><a href="ListeInv.php" title="Liste Invités" target="_self"><img alt="Liste Invités" src="../Images/BoutonInvite.gif"/></a></li>
<li><a href="ListeLieu.php" title="Liste Lieux" target="_self"><img alt="Liste des lieux"src="../Images/BoutonLieux.gif"/></a></li>
<li><a href="ListeResto.php" title="Liste Restaurants" target="_self"><img alt="Liste Restaurants" src="../Images/BoutonRestaurant.gif"/></a></li>
<li><a href="ListeTraiteur.php" title="Liste Traiteurs" target="_self"><img alt="Liste Traiteurs" src="../Images/BoutonTraiteur.gif"/></a></li>
<li><a href="ListeCocktail.php" title="Liste Cocktail" target="_self"><img alt="Liste Cocktail" src="../Images/BoutonCocktail.gif"/></a></li>
<li><a href="ListeAutres.php" title="Liste divers" target="_self"><img alt="Liste divers" src="../Images/BoutonAutres.gif"/></a></li>
<li><a href="Simulation.php" title="Simulation" target="_self"><img alt="Simulation" src="../Images/BoutonSimu.gif"/></a></li>
</ul>


</div>

<!-- Corp de la page-->

<div id="corp">

<!--Mise en place du menu de gauche-->

<div id="menugauche">

<a id="lien1" href="ListeInv.php" title="Liste des invités">Liste</a><br />
<a id="lien2" href="NewInvite.php" title="Nouvel Invite">Nouvel Invité</a><br />
<a id="lien3" href="ModifInv.php" title="Modifier la fiche d'un invité">Modifier</a>
<a id="lien4" href="AnulInv.php" title="Annuler une invitation">Annuler</a><br />


</div>


<!-- Mise en place du bloc contenu-->

<div id="contenu">


<!-- Si la variable IDInv n'est pas reçue (cad si on utilise le lien du menu de gauche) afficher une liste déroulante des invites -->
<?php

if (!isset($IDInv))
{
?>
<div id="loulou"><h1>Choisissez un invité</h1>
<select name="IDInv" onChange ="charger(this.value)">
<option value="null">Faites votre choix</option>-->
<?php
while ($ligne3= mysql_fetch_array($result3, MYSQL_ASSOC))
{
extract ($ligne3);
$IDInv=$ligne3['IDInv'];
echo "<option value='$IDInv'>{$ligne3['Prenom']} {$ligne3['Nom']}</option>";

}
?>


</select></div>
<?php

}


else {
?>


<!-- Quand la variable IDInv est reçu -->

<!--Mise en place du formulaire-->

<form action="ModifInvTrait.php" method="post"><h1>Modifier cet invité</h1>
<fieldset id="form">
<legend>Identité</legend>
<br />

<!--//Champ Nom-->
<label>Nom</label>
<input type="text" name="Nom" value="<?php echo $ligne['Nom']; ?>" /><br /><br />

<!--//Champ Prénom-->
<label>Prénom</label>
<input type="text" name="Prenom" value="<?php echo $ligne['Prenom']; ?>" /><br /><br />

<!--//Choix par liste du marié invitant-->
<label>Invité par :</label>
<select name="IDMaries">
<?php

while ($ligne1= mysql_fetch_array($result1, MYSQL_ASSOC))
{
extract ($ligne1);
$IDMaries=$ligne1['IDMaries'];
echo "<OPTION value='$IDMaries'";if ($ligne['IDMaries']==$IDMaries) echo " selected='selected'";
echo ">{$ligne1['Nom']}\n";
}
?>
</select><br /><br />

<!--//Choix par liste de la catégorie de l'invité (famille, amis, ...)-->
<label>Catégorie</label>
<select name="IDCatInv">
<?php
while ($ligne2= mysql_fetch_array($result2, MYSQL_ASSOC))
{
extract ($ligne2);
$IDCatInv=$ligne2['IDCatInv'];
echo "<OPTION value='$IDCatInv'";if ($ligne['IDCatInv']==$IDCatInv) echo " selected='selected'";
echo">{$ligne2['Categorie']}\n";
}
?>
</select><br /><br />

<!--//Etat couple-->

<label>En couple</label>
<input type="checkbox" value="1" name="Couple" <?php if($ligne['Couple'] == 1){echo" CHECKED";} ?> /><br />
</fieldset><br /><br />

<!--//Champ de commentaire-->
<fieldset>
<legend>Commentaire</legend>
<br />
<textarea name="Commentaire" rows="5" cols="70"><?php echo $ligne['Commentaire'] ?></textarea><br /><br />
<input type="submit" value="Envoyer" />
</fieldset>
<input type=hidden name="IDInv" value="<?php echo $IDInv ?>">


<!--//Envoi du formulaire à NewInvTrait-->
</form><?php } ?>
</div>
</div>


</body>

</html>
0
poumon Messages postés 63 Date d'inscription mardi 30 novembre 2004 Statut Membre Dernière intervention 10 décembre 2008 11
29 mars 2008 à 22:50
Bon ben je crois que c'est mort. Je le met en résolu.
0