décalage à l'ouverture des favoris sous IE

décalage à l'ouverture des favoris sous IE - HTML/CSS - Programmation

Marsh Posté le 12-08-2008 à 10:42:19    

Bonjour tout le monde,
 
Je vous explique mon problème. J'intègre dans un tableau un cadre comprenant lui-même 2 autres <div> de contenu (photo et texte). Tout est en place sur l'ensemble des navigateurs à l'ouverture "classique" de la page. Cependant, si l'on ouvre les favoris sous IE 6 et 7, mes <div> "cadre" se décalent sur la page en fonction de la taille des favoris.
 
mon php :

Code :
  1. <table style="margin-left:59px;">
  2. <tr>
  4. <?php
  5. include("connect.php" );
  7. $i = 1;
  8. $type = $_SESSION['type'];
  9. $departement = $_SESSION['departement'];
  10. $nbrpieces = $_SESSION['nbrpieces'];
  11. $nbrchambres = $_SESSION['nbrchambres'];
  12. $surface = $_SESSION['surface'];
  13. $prix_min = $_SESSION['prixmin'];
  14. $prix_max = $_SESSION['prixmax'];
  16. if ($type == 'Maison')   
  17.    $sql = mysql_query("SELECT * FROM maison WHERE departement='$departement' AND nbr_pieces>='$nbrpieces' AND nbr_chambres>='$nbrchambres' AND surface_maison>='$surface' AND prix>='$prix_min' AND prix<='$prix_max' ORDER BY prix ASC" );
  18. else
  19. if ($type == 'Appartement')   
  20.   $sql = mysql_query("SELECT * FROM appartement WHERE departement='$departement' AND nbr_pieces>='$nbrpieces' AND nbr_chambres>='$nbrchambres' AND surface_appart>='$surface' AND prix>='$prix_min' AND prix<='$prix_max' ORDER BY prix ASC" );
  21.  
  23. while ($row = mysql_fetch_array($sql))
  24. {
  25.   $idphoto = $row['id_client'];
  26.   $sqlphoto = mysql_query("SELECT file FROM fichier WHERE id_client='$idphoto' LIMIT 1" );
  28.   while ($rowphoto = mysql_fetch_array($sqlphoto))
  29.   {
  30.   if ($i != 4)
  31.   {
  32.    echo "<td>";
  33.    echo "<a href=\"javascript:void(0) \"; onClick=\"window.open('lb-bien-immobilier.php?identif=".$row['id']." ','_blank','menubar=no,location=no,directories=no,status=no,copyhistory=no,top=0,left=0,width=$largeur,height=$hauteur,toolbar=no,scrollbars=yes,resizable=yes');\">";
  34.    echo "<div id='cadre-photo'>"; // <div> qui se décale sous IE
  35.    echo '<img src="/Fichiers/'.$rowphoto['file'].'" alt="" width="233" height="203" border="0"/>';
  36.    echo "<div id='sepa-photo'>"; echo "</div>";
  37.    echo "<br />";
  38.    echo "<div id='cadre-texte-photo'>";
  39.    echo "<div class='style-txt'>";
  40.   echo "<span style='font-family:Arial; font-weight:bold; font-size:14px; color:#4b4b4b;'>".$row['ville']."</span>";
  41.    echo "<br />";
  42.    echo "<span style='font-family:Arial; font-size:11px; color:#a09f9f;'>".$row['type'];
  43.    echo " - ";
  44.    if ($type == 'Maison')
  45.    echo $row['surface_maison'];
  46.    else
  47.    echo $row['surface_appart'];
  48.    echo " m²";
  49.    echo "<br />";
  50.    echo $row['nbr_pieces'];
  51.    if ($row['nbr_pieces'] > 1)
  52.    echo " pièces";
  53.    else echo " pièce";
  54.    echo " - ";
  55.    echo $row['nbr_chambres'];
  56.    if ($row['nbr_chambres'] > 1)
  57.    echo " chambres"."</span>";
  58.    else echo " chambre"."</span>";
  59.    echo "<br />";
  60.    $prix2 = substr_replace($row['prix'], ' ', -3,0);
  61.    if ($row['prix'] >= 1000000)
  62.    $prix2 = substr_replace($prix2, ' ', 1,0);
  63.    echo "<span style='font-family:Arial; font-size:17px; color:#a3dc2e;'>".$prix2;
  64.    echo " €"."</span>";
  65.    echo "</div>";
  66.    echo "</div>";
  67.    echo "</div>";
  68.    echo "</a>";
  69.    echo "</td>";
  70.    $i=$i+1;
  71.   }}} 
  72. ?> 
  73. </tr>
  74. </table>


Mon CSS :

Code :
  1. #cadre-photo {
  2. width: 256px;
  3. height: 303px;
  4. background-repeat:no-repeat;
  5. background-image: url(../images-css/cadre-photo.jpg);
  6. padding-left:12px;
  7. padding-top: 10px;
  8. margin-left: 24px;
  9. }
  11. #sepa-photo {
  12. width: 200px;
  13. height: 1px;
  14. background-repeat:no-repeat;
  15. background-image: url(../images-css/sepa-photo.jpg);
  16. margin-top: 5px;
  17. }
  19. #cadre-texte-photo {
  20. width: 233px;
  21. background-color: #F7F7F7;
  22. background-repeat: repeat-y;
  23. z-index: 0;
  24. padding-top: 2px;
  25. padding-bottom: 2px;
  26. margin-top: -6px;
  27. }
  29. .style-txt {
  30. width: 233px;
  31. text-align: center;
  32. }


 
Le seul moment où ma <div id='cadre-photo'> ne bougent pas à l'ouverture des favoris est quand je met mon <table> en position:absolute mais dans ce cas la mon fond ne s'étire plus car mon tableau passe par-dessus tout le reste de la page.  
 
Si vous avez besoin de plus d'explications et/ou si je ne suis pas assez clair dites-le moi.
 
Merci d'avance.

Reply

Marsh Posté le 12-08-2008 à 10:42:19   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed