Antho03 | 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 :
- <table style="margin-left:59px;">
- <tr>
- <?php
- include("connect.php" );
- $i = 1;
- $type = $_SESSION['type'];
- $departement = $_SESSION['departement'];
- $nbrpieces = $_SESSION['nbrpieces'];
- $nbrchambres = $_SESSION['nbrchambres'];
- $surface = $_SESSION['surface'];
- $prix_min = $_SESSION['prixmin'];
- $prix_max = $_SESSION['prixmax'];
- if ($type == 'Maison')
- $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" );
- else
- if ($type == 'Appartement')
- $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" );
-
- while ($row = mysql_fetch_array($sql))
- {
- $idphoto = $row['id_client'];
- $sqlphoto = mysql_query("SELECT file FROM fichier WHERE id_client='$idphoto' LIMIT 1" );
- while ($rowphoto = mysql_fetch_array($sqlphoto))
- {
- if ($i != 4)
- {
- echo "<td>";
- 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');\">";
- echo "<div id='cadre-photo'>"; // <div> qui se décale sous IE
- echo '<img src="/Fichiers/'.$rowphoto['file'].'" alt="" width="233" height="203" border="0"/>';
- echo "<div id='sepa-photo'>"; echo "</div>";
- echo "<br />";
- echo "<div id='cadre-texte-photo'>";
- echo "<div class='style-txt'>";
- echo "<span style='font-family:Arial; font-weight:bold; font-size:14px; color:#4b4b4b;'>".$row['ville']."</span>";
- echo "<br />";
- echo "<span style='font-family:Arial; font-size:11px; color:#a09f9f;'>".$row['type'];
- echo " - ";
- if ($type == 'Maison')
- echo $row['surface_maison'];
- else
- echo $row['surface_appart'];
- echo " m²";
- echo "<br />";
- echo $row['nbr_pieces'];
- if ($row['nbr_pieces'] > 1)
- echo " pièces";
- else echo " pièce";
- echo " - ";
- echo $row['nbr_chambres'];
- if ($row['nbr_chambres'] > 1)
- echo " chambres"."</span>";
- else echo " chambre"."</span>";
- echo "<br />";
- $prix2 = substr_replace($row['prix'], ' ', -3,0);
- if ($row['prix'] >= 1000000)
- $prix2 = substr_replace($prix2, ' ', 1,0);
- echo "<span style='font-family:Arial; font-size:17px; color:#a3dc2e;'>".$prix2;
- echo " €"."</span>";
- echo "</div>";
- echo "</div>";
- echo "</div>";
- echo "</a>";
- echo "</td>";
- $i=$i+1;
- }}}
- ?>
- </tr>
- </table>
|
Mon CSS :
Code :
- #cadre-photo {
- width: 256px;
- height: 303px;
- background-repeat:no-repeat;
- background-image: url(../images-css/cadre-photo.jpg);
- padding-left:12px;
- padding-top: 10px;
- margin-left: 24px;
- }
- #sepa-photo {
- width: 200px;
- height: 1px;
- background-repeat:no-repeat;
- background-image: url(../images-css/sepa-photo.jpg);
- margin-top: 5px;
- }
- #cadre-texte-photo {
- width: 233px;
- background-color: #F7F7F7;
- background-repeat: repeat-y;
- z-index: 0;
- padding-top: 2px;
- padding-bottom: 2px;
- margin-top: -6px;
- }
- .style-txt {
- width: 233px;
- text-align: center;
- }
|
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. |
