Problème entre Firefox et Internet Explorer

Invité Invité

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" />

</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

Invité Invité

Problème réglé après avoir changé pas mal de trucs !

» 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.

Problème entre Firefox et Internet Explorer

Problème entre Firefox et Internet Explorer

Sujets similaires

Sujets similaires