affichage gallerie dans un div impossible

affichage gallerie dans un div impossible - HTML/CSS - Programmation

Marsh Posté le 23-02-2006 à 21:52:45    

Voila en fait j'e cré un div dans lequel j'affiche plein de miniatures.
Mon div n'as pas de hauteur definie, il devrait donc s'elargir en fonction des miniatures contenues dans celui-ci.
Probleme, sous firefox, les miniatures ne s'affichent pas dans le div mais en dessous tandis que sous ie tout marche bien.
 
Je vous met le code:
 
Le div conteneur

Code :
  1. #middlecontent{
  2. margin: 0 auto;
  3. width:    680px;
  4. border: 1px solid red;
  5. background: white url(./img/middlecontent.jpg);
  6. text-align: left;


 
Le CSS de la gallerie

Code :
  1. div#footer {clear: both; padding-top: 3em;
  2.   font: 85% Verdana, sans-serif;}
  3. div.pic {float: left; height: 140px;
  4.   padding: 15px; margin: 5px 3px; background: white;
  5.   border: 1px solid; border-color: #AAA #444 #444 #AAA; text-align: center; }
  6. div.pic img {border: 1px solid; border-color: #444 #AAA #AAA #444; }
  7. div.ls img {height: 96px;  margin: 10px 0;}
  8. div.pt img {height: 138px;  margin: 0 5px;}
  9. div.pic ul {display: none;}


 
Probleme, sous firefox, les miniatures ne s'affichent pas dans le div mais en dessous tandis que sous ie tout marche bien.
 
Je vous met le code:
 
Le div conteneur

Code :
  1. #middlecontent{
  2. margin: 0 auto;
  3. width:    680px;
  4. border: 1px solid red;
  5. background: white url(./img/middlecontent.jpg);
  6. text-align: left;


 
La gallerie

Code :
  1. <?php
  2. $lettre=$_GET['lettre'];
  3. include_once('connexion.php');
  4. $req="SELECT vip_numero, vip_nom, vip_prenom FROM VIP where vip_nom like '".$lettre."%';";
  5. $results=mssql_query($req);
  6. while ($row=mssql_fetch_array($results))
  7. {
  8.  $nom=$row['vip_nom'];
  9.  $prenom=$row['vip_prenom'];
  10.  $id=$row['vip_numero'];
  11.  $reqimage="SELECT photo_numero, photo_adresse FROM PHOTO where vip_numero=".$id.";";
  12.  $resultimage=mssql_query($reqimage);
  13.  $rowimage=mssql_fetch_array($resultimage);
  14. ?>
  15.  <div class="pic ls"><a href="orig/img01.jpg" class="tn">
  16.  <img height="120px" src="../Images/<?php echo $rowimage['photo_adresse']; ?>"></a>
  17.  <br /><a href="index.php?page=affichestar&idVip= <?php echo $id; ?>"><?php echo $nom.' '.$prenom; ?></a>
  18.  </div>

Reply

Marsh Posté le 23-02-2006 à 21:52:45   

Reply

Marsh Posté le 23-02-2006 à 22:38:05    

tente d ajouter le CSS:
position:relative;

Reply

Marsh Posté le 23-02-2006 à 23:21:37    

numa1985 a écrit :

Voila en fait j'e cré un div dans lequel j'affiche plein de miniatures.
Mon div n'as pas de hauteur definie, il devrait donc s'elargir en fonction des miniatures contenues dans celui-ci.
Probleme, sous firefox, les miniatures ne s'affichent pas dans le div mais en dessous tandis que sous ie tout marche bien.


 
Est-ce que ton #footer, contenant le {clear:both;}, est bien à l'intérieur de ton #middlecontent, en-dessous de tes miniatures ?

Reply

Marsh Posté le 24-02-2006 à 08:38:52    

Salut,
 
essaye de rajouter un overflow:auto sur ton #middlecontent.


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Sujets relatifs:

Leave a Replay

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