28173 sujets

CSS et mise en forme, CSS3

Bonsoir tout le monde.
Je me retourne vers vous pour un problème de présentation entre firefox et ie6.
Ce problème est visible sur le module de filtre en dessous du menu de la page. Il semblerait que la hauteur allouée à la liste déroulante des villes sous ie6 soit nettement plus grande que pour firefox alors que je n'ai définit aucune hauteur.
Je vous transmet les impression ecran suivantes:
Celui sous internet explorer 6
http://develop.web.free.fr/ie6.JPG
et celui sous firefox
http://develop.web.free.fr/ff.JPG
en espérant que ce soit suffisamment visible. Je vous transmet aussi le code css de ma page
body,html {
margin:0;
height:100%;
}

body{
	background: #F3FCB4;
	font-family: arial;/* on applique une police et une taille de base pour les caractères. Mettre des "" pour un nom de police comportant un espace.*/
}


div#global{
	height:632px;
	width:1002px;
	padding:0;
	background: url(contour.gif) center repeat-y;
	margin: 0 auto;
	position: relative;
}

div#contenu {
	position: absolute;
	padding: 0;
	left:30px;
	top: 85px;
	height:507px;
	width:990px;
	background: #fff;
	}
table.tri {
	padding: 0;
	margin:0;
	}
span.Style1 {
	font-size:14px;
	}
td.nom {
	font-weight:bold;
	font-size:15px;
	text-align:center;
	}
td.nom a{
	color:#000;
	text-decoration:none;
	}
td.photo {
	padding:0 4px 0 6px;
	}
table.tableau {
	float:left;
	position:relative;
	margin: 2px 17px;
}

où table.tri représente l'élément contenant les modules de filtre par ville et par étoile.
Ci-joint un bout de code php et html de la table contenant les éléments:
<table class="tri" border="0" cellspacing="0" cellpadding="0" valign="top">
  <tr>
    <td>Tri par ville</td>
    <td><form id="frm_parville" name="frm_parville" method="post" action="annuaire-camping1.php">
            <select name="ville" id="ville">
		              <?php
do {  
?>
              <option value="<?php echo $row_rs_ville['ville_etab']?>"><?php echo $row_rs_ville['ville_etab']?></option>
              <?php
} while ($row_rs_ville = mysql_fetch_assoc($rs_ville));
  $rows = mysql_num_rows($rs_ville);
  if($rows > 0) {
      mysql_data_seek($rs_ville, 0);
	  $row_rs_ville = mysql_fetch_assoc($rs_ville);
  }
?>
       </select>  
	  <input name="submit" value="Ok" type="submit" />
	</form></td>
    <td>Tri par étoiles</td>
    <td><select name="trietoile">&nbsp;</select></td>
    <td><input name="Submit" value="Ok" type="submit" /></td>
  </tr>
</table>

Comme ca je pense que tous les éléments sont présents sur ce message.
Merci par avance pour toute aide de votre part. En ce qui me concerne, je ne vois plus très bien où est le problème après avoir définit des tailles sur chaque élément et ne voyant aucun résultat positif, j'en vient à me poser des questions.
Merci encore.
Modifié par dread (09 Feb 2007 - 15:21)