AccueilFAQRechercherS'enregistrerMembresGroupesConnexion
Partager | 
 

 Problème entre Firefox et Internet Explorer

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Invité
Invité
MessageSujet: Problème entre Firefox et Internet Explorer   Jeu 7 Fév - 12:45

Salut !

J'ai un problème assez embetant entre FF et IE !
Sur mon site lorsque j'y vais avec FF ca fait n'importe quoi à certains endroits !
Si vous allez sur http://video-concours.fhnet.fr avec IE tout sera normal et l'image qu'il y a sera bien centrée !

Si vous y allez avec FF l'image sera pas centrée et mon texte souligné (en bas de la page) se retrouvera avec d'énormes espaces entre deux !

J'ai déjà réglé le problème des retours à la ligne que FF gérait pas (en changeant la balise) mais ceux la m'énerve !

Voici mon code CSS :

Code:
body {
margin: 0;
padding: 0;
background: #F4F8FE url(images/bg.png) repeat-x top;
text-align : center;
font-family : arial;
font-size : 12px;
}



#content{
color : #000;
position: relative;
text-align : left;
width:800px;
height:100%;
background : #fff url(images/centre.png) repeat-y;
margin-left:auto;
margin-right:auto;
}


.ban {
width : 800px ;
height : 239px;
text-align:center;
background : transparent url(images/ban1.png) no-repeat;
}


.menu {
float : left ;
width : 160px;
margin-left:7px;
margin-right : 10px ;
text-align:justify;
background:transparent;
}
.menu h1{
margin-top:0px;
height:22px;
background:transparent;
color:#8a9eb3;
font-size:14px;
border-bottom:1px solid #8a9eb3;
text-align:center;}

.menu ul{
padding:5px; }

.menu li{
background:#fcfcfc url(images/div.png) no-repeat bottom;
list-style:none;
height:30px;
}
.menu li:hover{
background:#fcfcfc url(images/divhover.png) no-repeat bottom;
list-style:none;
height:30px;
}

.menu a{
margin-left:10px;
text-decoration:none;
padding-left:18px;
background:transparent url(images/white.png) no-repeat left;
}
.menu a:hover{
text-decoration:none;
padding-left:18px;
background:transparent url(images/blue.png) no-repeat left;
}
.droit {
margin-right:20px;
float : right ;
width : 560px;
text-align:justify;
background:transparent;
margin-bottom:30px;
 }


.droit h1{
margin-top:0px;
height:22px;
background:transparent url(images/h1d.png) no-repeat left;
color:#8a9eb3;
font-size:14px;
border-bottom:1px solid #8a9eb3;
padding-left:10px; }

.droit p{
padding-left:30px;
padding-right:30px; }


#bas { 
clear : both ;
text-align : center ;
width : 800px;
height : 43px ;
background:#F4F8FE url(images/bas.png) no-repeat;   
color : #000;
font-size : 11px;
margin-top:50px;
}

.signature { margin : 0 ; padding : 8px 0 0 0 ; }


 a {
   color: #333333;
   font-weight: bold;
}
a:visited {
   color: #333333;
   font-weight: bold;
}
a:hover {
   color: #777777;
   font-weight: bold;
}
a:active {
   color: #333333;
   font-weight: bold;
}























a.info {
  position: relative;
  color: black;
  text-decoration: none;
  border-bottom: 1px dotted; /* on souligne le texte */
}
a.info span
{
  display: none; /* on masque l'infobulle */
}
a.info:hover
{


  background: none; /* correction d'un bug IE
*/


  z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /*on change le curseur par défaut en curseur d'aide */
}
a.info:hover
span
{
  display: inline; /* on affiche l'infobulle */
  position:
absolute;
  white-space:
nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 625px; /* on
positionne notre infobulle */
  left: 550px;
  background: white;
  color: black;/*couleur texte*/
  padding: 3px;
  border: 1px solid orange;/*bordure*/
  border-left: 4px
solid orange;/*bordure de gauche*/
}





.droit p{
padding-left:30px;
padding-right:30px; }

.droit img{
border:none; }




.adsense {
margin-top:30px;
}



Et voici le code de ma page :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Infos-Aéros | Encyclopedie aéronautique</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Description" content="" />
<meta name="Keywords" content="" />
<link rel="stylesheet" type="text/css" href="site.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="ie.css" media="screen" />
<![endif]-->
</head>

<body>
<div id="content">
<div class="ban">

</div>

<?php
include("menu.php");
?>

<?php
include("infos.php");
?>

<div class="droit">
<h1>Video concours EA Virtuelle</h1>
<table>
<tr>
</td>
<td>
<p>Cette video a été réalisée sous Flight Simulator X avec le DG 808S dans la but du concours de l'EA Virtuelle avec pour thème <b>L'espace et la terre vue du ciel</b>.</p>
<p>Ce concours a été réalisé avec l'aide des partenaires suivants : <br> <a href="http://avionic-online.com">- Avionic-Online</a> <br> <a href="http://www.aerosoft.com/">- Aérosoft</a> <br> <a href="http://www.space-shuttle-mission.com/">- Exciting Simulation</a>.</p>
<p><font color=#4E739D> Auteur de la video : Mag156209</font></p>
</td>
</tr>
</table>
 </div>


 
 
 <div class="droit">
<h1>Affiche de la Video</h1>
<table>
<tr>
<td>

</td><td></td><td></td><td></td><td></td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td><td> </td><td></td><td></td><td></td><td><p><td><img src="images/affichevideo.jpg" alt="L'espace et la terre vue du ciel" /></p>

    </td><td></td><td></td><td></td><td></td><td></td><td>




</td>
<td>
</td>
</tr>
</table>
 </div>
 


 <div class="droit">
<h1>Télécharger la video</h1>
<table>
<tr>
<td>

<p><u><b>Video Haute Résolution</b></u></p><br>
   <p><td><img src="images/resolution.jpg" alt="Résolution 720*575" /></p></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>
<p> <?php
     $nomFichier  = 'videoeavirtuelle.zip' ;
     $result = NumberOfHit( $nomFichier ) ;
     ?>
     <td><A HREF="compteur.php?"/><img src="images/dwl.png" class="fgt" ></img></A><br />
     <i>Video téléchargée</i> <?php echo $result ;?> <i>fois</i></td></p>
    



</td>
<td>


</td>
</tr>
</table>
 </div>
 
   
   




   
      
    
   
   

 
 


 <?php
function NumberOfHit( $name ) // création de la fonction NumberOfHit
{

        $folder_stat = 'dwl/stats/' ; // répertoire dans lequel seront srockées les statistiques
        $file = $folder_stat . $name . '.txt' ; // nom du fichier statistique contenant le nombre de hit
       
        if ( file_exists( $file ) ) // si le fichier existe
        {
                $FileContent = fopen( $file , 'r' ); // ouverture du fichier
       
                $hit = fgets( $FileContent ); // récupération de la valeur
                fclose( $FileContent ); // fermeture du fichier
               
                return $hit; // retour de la valeur de $hit
            
        }
      else
      {
      $hit = 0;
      return $hit;
      }
}
?>
 
 

 
 
 
 

<?php
include("pied.php");
?>



</div>
</body>
</html>




Voila si vous avez une solution pour m'aider car je voudrai que le site soit optimisé pour FF et IE et non pas que pour IE !

Merci et @ bientot
Revenir en haut Aller en bas
Invité
Invité
MessageSujet: Re: Problème entre Firefox et Internet Explorer   Jeu 7 Fév - 13:03

Problème réglé après avoir changé pas mal de trucs !
Revenir en haut Aller en bas
 

Problème entre Firefox et Internet Explorer

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» entre le clavier et la chaise
» Astuces BloodWars sur FireFox
»  Myfreerush.com, nouveau concept Internet
» utorrent ralentis la reponse de internet...
» Opportunités de travail a domicile sur internet.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Coin Pub :: Corbeille-