Batch Index du Forum
S’enregistrerRechercherFAQMembresGroupesConnexion
Répondre au sujet Page 1 sur 1
PHP/CSS - Pas bon ménage avec IE
Auteur Message
Répondre en citant
Message PHP/CSS - Pas bon ménage avec IE 
Salut tout le monde !
Je suis dans la création d'un site, j'ai fait tout le système de news en PHP et tout le bazard, j'ai fait le design, comme je le veut ... mais j'ai oublié un truc ... je l'ai développé sur Firefox, et lorsque je test ça sous IE ... c'est ... horrible, certains CSS sont décalés, d'autres n'apparaissent pas.

J'ai regarder le code sources de sites qui utilisent CSS et qui sont bien sous IE, mais je ne trouve pas où sa cloche, je compte sur vous pour me filer un petit coup de main Smile

Voici mon PHP :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Mon site</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <link rel="stylesheet" media="screen" type="text/css" title="Design" href="css/design.css"/>
   </head>
   <body></body>
   <header_acceuil_top></header_acceuil_top>
    <div id="lol">lolilololilol</div></highlight>
   <conteneurtop>
      <a href=index.htm> <div id="lol">Acceuil</ct1> </a>
      <cts></cts>
      <a href=index4.htm> <ct2>Les Rencontres</ct2> </a>
      <cts></cts>
      <a href=index4.htm> <ct3>Les Joueurs</ct3> </a>
      <cts></cts>
      <a href=index4.htm> <ct4>Le Stade</ct4> </a>
      <cts></cts>
      <a href=index4.htm> <ct5>L'Histoire</ct5> </a>
      <cts></cts>
      <a href=index4.htm> <ct6>Nos Sponsors</ct6> </a>
      <cts></cts>
      <a href="http://www.ext.org/"> <ct7><img src="img/ext.png"></ct7> </a>
   </conteneurtop>
   <blason> <a href=index5> <blasonin><img src="img/blason.png"></blasonin> </a></blason>
   <pub><a href=index5> <pubin><img src="img/pub.png"></pubin> </a></pub>
   <header_acceuil_middle>
    <newss></newss>
      
   <?php
   require "config.php";
   mysql_connect(DB_HOST,DB_LOGIN,DB_PASS);
   mysql_select_db(DB_BDD);
   $sql="SELECT * FROM news ORDER BY date DESC";
   $req = mysql_query($sql) or die ('Erreur SQL ! <br/>' .$sql. '<br/>'.mysql_error());
   while($data=mysql_fetch_assoc($req)){
   echo " <news> ";
   echo"<news_titre> {$data["titre"]}";
   echo '<new_date> '. date("d/m/Y G:i", strtotime($data['date'])).'</new_date>';
   echo "</new_titre>";
   echo"<news_img><img src={$data["img"]}></news_img>";
   echo"<news_desc>{$data["description"]}</news_desc>";
   echo"<new_goto><a href=article.php?id={$data['id']} id=goto>... Lire la suite </a></new_goto>";
   echo"<br/>";
   echo " </news> ";
   }
?>

   <br/>
   </header_acceuil_middle>
   <header_acceuil_footer>  </header_acceuil_footer>
   
   
   
   
   

   
</html>



et un des CSS :

Code:
a {

display : block ;
}



header_acceuil_middle{

   background : url('../img/surround-middle.png') ;
   display : block ;
   margin : -300px auto 0;
   padding : 0 ;
   width: 1004px;
   
   z-index : 1

}

header_acceuil_top{

   background : url('../img/surround-top.png') ;
   display : block ;
   padding : 0;
   margin : 128px auto 0;
   padding : 0;
   width: 1004px;
   height: 22px;
   z-index : 1

}

header_acceuil_footer{

   background : url('../img/surround-footer.png') ;
   display : block ;
   
   margin : 0px auto 0;
   width: 1004px;
   height: 22px;
   z-index : 1
}



highlight{
   background : url('../img/highlight.png') repeat-x ;
   position : relative ;
   display : none ;
   margin : 0px auto 0;
   opacity : 1 ;
   padding : 0 ;
   vertical-align : center ;
   text-align : center ;
   top : -1700px ;
   width : 60px ;
   height : 70px ;
   z-index: 1;
   
   }
   
   
conteneurtop{

   position : relative ;
   display : block ;
   background : url('../img/news-background.png') ;
   color : white ;
   font-size : 26px ;
   margin : 0px auto 0;
   opacity : 1.5 ;
   text-align : center ;
   vertical-align : center ;
   top : 0px ;
   left : -px ;
   width : 960px ;
   height : 58px ;
   z-index: 1;
   
}


ct1 {
   background : url('../img/highlight.png') repeat-x ;
   float : left ;
   padding-top : 16px ;
   display : block ;
   color : white ;
   font-size : 26px ;
   margin : 0px auto 0;
   opacity : 1 ;
   text-align : center ;
   vertical-align: center ;
   width : 105px ;
   height : 40px ;
   z-index: 1;
}

cts {
   background : none ;
   float : left ;
   padding-top : 16px ;
   display : block ;
   color : white ;
   font-size : 26px ;
   text-align : center ;
   vertical-align: center ;
   width : 3px ;
   height : 40px ;
   z-index: 1;

}

ct1:hover {
   background : url('../img/highlight.png') repeat-x ;
   float : left ;
   padding-top : 16px ;
   display : block ;
   color : white ;
   font-size : 26px ;
   margin : 0px auto 0;
   opacity : 0.5 ;
   text-align : center ;
   vertical-align: center ;
   width : 105px ;
   height : 40px ;
   z-index: 1;
}

ct2 {
   background : url('../img/highlight.png') repeat-x ;
   float : left ;
   padding-top : 16px ;
   display : block ;
   color : white ;
   font-size : 26px ;
   margin : 0px auto 0;
   opacity : 1 ;
   text-align : center ;
   vertical-align: center ;
   width : 185px ;
   height : 40px ;
   z-index: 1;
}


ct2:hover {
   background : url('../img/highlight.png') repeat-x ;
   float : left ;
   padding-top : 16px ;
   display : block ;
   color : white ;
   font-size : 26px ;
   margin : 0px auto 0;
   opacity : 0.5 ;
   text-align : center ;
   vertical-align: center ;
   width : 185px ;
   height : 40px ;
   z-index: 1;
}

ct3 {
   background : url('../img/highlight.png') repeat-x ;
   float : left ;
   padding-top : 16px ;
   display : block ;
   color : white ;
   font-size : 26px ;
   margin : 0px auto 0;
   opacity : 1 ;
   text-align : center ;
   vertical-align: center ;
   width : 155px ;
   height : 40px ;
   z-index: 1;
}


ct3:hover {
   background : url('../img/highlight.png') repeat-x ;
   float : left ;
   padding-top : 16px ;
   display : block ;
   color : white ;
   font-size : 26px ;
   margin : 0px auto 0;
   opacity : 0.5 ;

   text-align : center ;
   vertical-align: center ;

   width : 155px ;
   height : 40px ;
   z-index: 1;
}


ct4 {
   background : url('../img/highlight.png') repeat-x ;
   float : left ;
   padding-top : 16px ;
   display : block ;
   color : white ;
   font-size : 26px ;
   margin : 0px auto 0;
   opacity : 1 ;
   text-align : center ;
   vertical-align: center ;
   width: 125px ;
   height : 40px ;
   z-index: 1;
}


ct4:hover {
   background : url('../img/highlight.png') repeat-x ;
   float : left ;
   padding-top : 16px ;
   display : block ;
   color : white ;
   font-size : 26px ;
   margin : 0px auto 0;
   opacity : 0.5 ;
   text-align : center ;
   vertical-align: center ;
   width : 125px ;
   height : 40px ;
   z-index: 1;
}


ct5 {
   background : url('../img/highlight.png') repeat-x ;
   float : left ;
   padding-top : 16px ;
   display : block ;
   color : white ;
   font-size : 26px ;
   margin : 0px auto 0;
   opacity : 1 ;
   text-align : center ;
   vertical-align: center ;
   width : 130px ;
   height : 40px ;
   z-index: 1;
}


ct5:hover {
   background : url('../img/highlight.png') repeat-x ;
   float : left ;
   padding-top : 16px ;
   display : block ;
   color : white ;
   font-size : 26px ;
   margin : 0px auto 0;
   opacity : 0.5 ;
   text-align : center ;
   vertical-align: center ;
   width : 130px ;
   height : 40px ;
   z-index: 1;
}


ct6 {
   background : url('../img/highlight.png') repeat-x ;
   float : left ;
   padding-top : 16px ;
   display : block ;
   color : white ;
   font-size : 26px ;
   margin : 0px auto 0;
   opacity : 1 ;
   text-align : center ;
   vertical-align: center ;
   width : 175px ;
   height : 40px ;
   z-index: 1;
}


ct6:hover {
   background : url('../img/highlight.png') repeat-x ;
   float : left ;
   padding-top : 16px ;
   display : block ;
   color : white ;
   font-size : 26px ;
   margin : 0px auto 0;
   opacity : 0.5 ;
   text-align : center ;
   vertical-align: center ;
   width : 175px ;
   height : 40px ;
   z-index: 1;
}



ct7 {
   background : url('../img/highlight.png') repeat-x ;
   float : left ;
   padding-top : 4px ;
   display : block ;
   color : white ;
   font-size : 26px ;
   margin : 0px auto 0;
   opacity : 1 ;
   text-align : center ;
   vertical-align: center ;
   width : 64px ;
   height : 52px ;
   z-index: 1;
}


ct7:hover {
   background : url('../img/highlight.png') repeat-x ;
   float : left ;
   padding-top : 4px ;
   display : block ;
   color : white ;
   font-size : 26px ;
   margin : 0px auto 0;
   opacity : 0.5 ;
   text-align : center ;
   vertical-align: center ;
   width : 64px ;
   height : 52px ;
   z-index: 1;
}





Message Publicité 
PublicitéSupprimer les publicités ?


Répondre en citant
Message PHP/CSS - Pas bon ménage avec IE 
C'est tout à fait normal et ne vient en aucun cas de ton code mais des navigateur différent !
par exemple firefox prend en compte les titre clignotant alors que ie non



Répondre en citant
Message PHP/CSS - Pas bon ménage avec IE 
Effectivement il faudra mettre un code pour Firefox et un autre pour IE. Tu peux essayer de mettre les 2 en même temps, peut-être que ça marchera.

Par contre je n'ai pas regardé le code. Il faut voir ce qui est compatible avec chaque navigateur.




______________________________________________________
Répondre en citant
Message PHP/CSS - Pas bon ménage avec IE 
Exelente remarque de sablier94 mais ne t'embète pas à faire plusieur codes, un seule suffit largement mais il faut juste mettre plusieur options !
Par exemple pour la police : IE prend en compte des polices que firefox ne prend pas en compte et vice versa mais vu que tu ne peux pas non plus tout retenir (ce que je ne te conseil pas de faire et meme moi je ne veux pas m'amuser à cela)tu vas être dans l'obligation de choisir plusieur polices différentes :

p
{
font-familie: police1, police2, police3.......
}

Si ce code ne marche pas c'est que je me suis trompé d'un espace ou bien que ce n'est pas des virgules mais un autre caractère mais l'idée est là !

En français sa donne : pour les paragraphes appliquer la police1 si cela ne marche pas appliquer la 2 sinon la 3......etc
j'espère avoir répondue à ton problème et m'excuse pour la présentation du code css qui n'est pas règlementaire et pour les fautes mais depuis un telephone portable c'est plutôt difficile (surtout pour ce qui s'agit de la



Répondre en citant
Message PHP/CSS - Pas bon ménage avec IE 
sutout pour ce qui s'agit de la présentation du code css que je n'ai vraiment pas trouver )

dsl mais mon commantaire a été coupé juste à la fin ( ouff !! c'était pas grand chose alors ) Mort de Rire



Message PHP/CSS - Pas bon ménage avec IE 


Montrer les messages depuis:
Répondre au sujet Page 1 sur 1
  



Index | créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Copyright 2008 - 2016 // Batch