28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un problème d'alignement d'image dans un <div> entre safari 5.2 et Firefox 5.

le lien

L'image centrale correspond a la ligne 1
L'image miniature correspond a l'avant derniere ligne

Code : PHP -
<a href="#_" onclick="document.getElementById('dialog').style.display='block';"><img id="big_image" src="<?php echo SITE_URL.'upload/'.$row['img_file'];?>" alt="Picture Display" width="293" height="177" border="0" style="margin-left:9px; margin-top:2px;" /></a>
                    
                    <div id="dialog" class="dialog_border" style="display:none;left:40px;">
                        <h2 class="dialog_title"><span>Voir la Gallerie</span></h2>
                        <div class="dialog_content">
                            <div align="center" style="padding:10px;">
                                <img id="bigger_image" src="<?php echo SITE_URL.'upload/'.$row['img_file'];?>" alt="Picture Display" width="300" height="250" border="0" />
                            </div>
                            <div class="dialog_bottom">
                                <span class="blueButton"><a href="#_" onclick="document.getElementById('dialog').style.display='none';" style="padding: 6px 6px;">Close</a></span>
                            </div>
                        </div>
                    </div>
              </td>
            </tr>
        </table></td>
      </tr>
      <tr>
        <td class="heading_txt" style="padding-top:50px; padding-left:25px;">Les plus votés</td>
      </tr>
      <tr>
        <td valign="top" style="padding-left:28px; padding-top:11px;"><table width="377" border="0" cellpadding="0" cellspacing="0">
          <tr>
				<td colspan="3">
                <div>
				<?php
                    $res = mysql_query($sql4) or die($sql4.' '.mysql_error());
                    $winners = array();
                    if(mysql_num_rows($res) >= 1)
                    {
                        $i = 0;
                        while($row = mysql_fetch_assoc($res))
                        {
                            ?>
                                  <div style="float:left;width:98px;border:1px solid #000;">
                                        <div align="center"><strong><?php echo $row['first_name']; ?></strong></div>
                                  </div>
                                  <?php
								  if($i < 2)
								  {
								  ?>
                                  <div style="float:left;width:38px;">&nbsp;</div>
                                  <?php
								  }
								  ?>
                            <?php
                            $i++;
                        }
                        ?>
                                <div style="clear:left;height:0px;">&nbsp;</div>
                        <?php
                    }
                  ?>
              		
              </div>
              </td>
          	</tr>
          <tr>
          	<td colspan="3">
            <div>
            	<div style="height:18px;">&nbsp;</div>
          	<?php
                $res = mysql_query($sql3) or die($sql3.' '.mysql_error());
                $winners = array();
                if(mysql_num_rows($res) >= 1)
                {
					$count = 0;
					while($row = mysql_fetch_assoc($res))
					{
						$padding_left = "";
						if($count == 0)
						{
							$padding_left = "padding-left:1px;";
						}
						if($count >= 1)
						{
							$padding_left = "padding-left:5px;";
						}
						?>
							  <div style="float:left;width:95px;<?php echo $padding_left; ?>">
									<div id="ie" align="left" class="body_txt"><a href="#_" onclick="showHideImage('<?php echo SITE_URL.'upload/'.$row['img_file'];?>');"><img src="<?php echo SITE_URL.'upload/'.$row['img_file'];?>" width="95" height="95" border="0" /></a></div>
							  </div>



avec mon css:
Code : CSS - Sélectionner

#ie {
	margin-top:-5px !important;
	margin-top:2px;
	
}



Je ne sais pas ce que ça donne sous IE car je suis sur mac, pour le moment j'aimerais corriger le problème firefox safari, si jamais vous voyez un décalage sous IE je suis preneur aussi.

Merci de m'aider a corriger ce problème
Modifié par bondi2026 (28 Jul 2011 - 09:38)
Salut,

Peux tu donner un autre lien, car il pointe vers une page facebook qui n'a pas l'air d'intégrer ton problème...
hello,

Si si c'est bien cela, sur l'onglet accueil et gallerie des decalages entres les browsers sur les 3 images du bas et l'image centrale.
Salut,

Désolé il faut "liker" ta page pour voir apparaître ton problème apparemment.
Je ne le souhaites pas, je ne peux donc pas t'aider.

A+ Smiley cligne