Probleme avec IE

Répondre
basima
le 19/03/2009 à 09:59
basima
Déconnecté
Bonjour,

J'ai un problème d'affichage sur mon site avec IE qui est le seul à ne pas afficher correctement ma feuille de style.Pour l'instant je sèche.

Pouvez-vous m'aider?
frames.css
  1. body {
  2. margin: 0;
  3. padding:0;
  4. position: absolute;
  5. width: 100%;
  6. height: 100%;
  7. font-family: verdana, arial, sans-serif;
  8. color:#ffffff;
  9. font-size:10;
  10. overflow:auto;
  11. }
  12.  
  13. /*div#fondbleucontentEdito {
  14.    top:230px;
  15.    height:100%;
  16.    width:480px;
  17.    float:left;
  18.    background-color:#06275f;
  19.    position:fixed;
  20.    margin-left:160px;
  21.    z-index: 0;
  22. }
  23.  
  24. div#fondbleucontent {
  25.    top:170px;
  26.    height:100%;
  27.    width:640px;
  28.    background-color:#06275f;
  29.    position:fixed;
  30.  
  31. }*/
  32.  
  33. /* position:absolute for all browsers - the whole page scrolls */
  34. div#headerwrap {
  35.    position:fixed;
  36.    width:100%;
  37.    top:0;
  38.    left:0;
  39.    z-index: 1;
  40. }
  41. div#middlewrap {
  42. /* set left margin and bottom padding for IE5/Win */
  43.    padding:170px 0 0 0;
  44.    margin-left:0;
  45. /* set left margin and bottom padding for others */
  46.    margin-left:0px;
  47.    padding-bottom:20px;
  48.    z-index: 1;
  49. }
  50.  
  51. /* no positioning for IE5/Win - the whole page scrolls */
  52. div#footerwrap {
  53.    width:100%;
  54.    position:fixed;
  55.    bottom:0;
  56.    z-index: 1;
  57. }
  58.  
  59. div#header {
  60.    height:170px;
  61.    width:800px;
  62.    margin:0 auto;
  63.    background:#06275f;
  64.    z-index: 1;
  65. }
  66.  
  67. div#middle {
  68.    width:800px;
  69.    height:100%;
  70.    margin:0 auto;
  71.    background:#06275f;
  72.    z-index: 1;
  73. }
  74. div#sidebar {
  75.    width:160px;
  76.    height:100%;
  77.    float:left;
  78.    background:#1C468D;
  79.    position:fixed;
  80.    z-index: 1;
  81. }
  82.  
  83. div#contentEdito {
  84.    /* set left margin and bottom padding for IE5/Win */
  85.    padding:60px 0 0 0;
  86.    padding-bottom:20px;
  87.    margin-left:310px;
  88.    width:330px;
  89.    float:left;
  90.    background:#06275f;
  91.    z-index: 1;
  92. }
  93.  
  94. div#content {
  95.    position:static;
  96.    padding-top:60px;
  97.    padding-bottom:20px;
  98.    margin-left:160px;
  99.    width:480px;
  100.    float:left;
  101.    background:#06275f;
  102.    z-index: 1;
  103. }
  104.  
  105. div#scoop {
  106.    top:230px;
  107.    height:100%;
  108.    width:150px;
  109.    float:left;
  110.    background:#06275f;
  111.    position:fixed;
  112.    margin-left:160px;
  113.    z-index: 1;
  114. }
  115.  
  116. div#edito {
  117.    position:static;
  118.    left:300px;
  119.    width:330px;
  120.    overflow:hidden;
  121.    margin:0 auto;
  122.    background:#06275f;
  123.    padding-bottom:20px;
  124.    z-index: 1;
  125. }
  126.  
  127. div#BPub {
  128.    top:170px;
  129.    height:60px;
  130.    width:480px;
  131.    float:left;
  132.    background:#ffffff;
  133.    position:fixed;
  134.    margin-left:160px;
  135.    z-index: 1;
  136. }
  137.  
  138. div#BlkD {
  139.    height:100%;
  140.    width:160px;
  141.    margin-left:640px;
  142.    background:#f8d447;
  143.    position:fixed;
  144.    z-index: 1;
  145. }
  146.  
  147. div#footer {
  148.    height:20px;
  149.    width:800px;
  150.    margin:0 auto;
  151.    background:#d6262a;
  152.    z-index: 1;
  153. }
  154.  
  155. /*style du bouton de connexion à la session*/
  156.  
  157. input {
  158. border:1px solid #D6262A;
  159. background-color:#06275F;
  160. font-family:"arial";
  161. font-size:15;
  162. color:#F8D447;
  163. width:100px;
  164. height: 20px;
  165. }
  166.  
  167. .texteboutton{
  168. font-family: verdana, arial, sans-serif;
  169. color:#06275f;
  170. font-size:10;
  171. }
  172.  
  173. .admIcones{
  174.    width:20px;
  175.    height:20px;
  176.    border:0px;
  177.    background-color:transparent;
  178. }
  179.  
  180. a.edito {
  181.    color:#ffffff;
  182.    text-decoration:none;
  183.    margin:0;
  184.    border:0px solid #ffffff;
  185. }
  186.  
  187. .edito:hover{
  188.    color:#ffffff;
  189.    text-decoration:underline;
  190.    margin:0;
  191. }
  192.  
  193. a.bouton{
  194.    border:0px solid #ffffff;
  195. }
  196.  
  197. .bouton:hover{
  198.    margin:0;
  199. }
  200.  
  201. table{
  202.    border-collapse:collapse;
  203.    border:0px;
  204. }
  205. td{
  206.    font-family : Arial, Helvetica, sans-serif;
  207.    font-size : 11px;
  208.    border: 0px;
  209. }
  210. tr{
  211.    border-collapse:collapse;
  212.    border:0px;
  213. }
  214.  
  215. select.liste{
  216. border:1px solid #FFFFFF;
  217. background-color: #D6262A ;
  218. font-family: verdana, arial, sans-serif;
  219. font-size:10;
  220. font-weight: bold;
  221. color:#F8D447;
  222. height: 16px;
  223. }
  224.  
  225. .liste2{
  226. border:1px solid #FFFFFF;
  227. background-color: #F8D447 ;
  228. font-family: verdana, arial, sans-serif;
  229. font-size:10;
  230. font-weight: bold;
  231. color:#D6262A;
  232. height: 16px;
  233. width=140px;
  234. }
  235.  
  236. .cellule{
  237. border:1px solid white;
  238. vertical-align: middle;
  239. border-collapse:collapse;
  240. }
  241.  
  242. .cellule2{
  243. border:1px solid white;
  244. vertical-align: middle;
  245. border-collapse:collapse;
  246. }
  247.  
  248. img{
  249. border:0px solid black;
  250. }
  251.  
  252. .adminPhoto{
  253.    margin-left: 15px;
  254.    margin-top: 5px;
  255.    width: 100px;
  256.    height: 110px;
  257. }
  258.  
  259. .adminAffPhoto{
  260.    width: 106px;
  261.    height: 80px;
  262.    border:0px;
  263. }
  264.  
  265. .adminSaisie {
  266. border:1px solid #d6262a;
  267. background-color:#f8d447;
  268. font-family: verdana, arial, sans-serif;
  269. font-size:10;
  270. font-weight: bold;
  271. color:#d6262a;
  272. width:140px;
  273. height: 18px;
  274. }
  275.  
  276. .adminSaisieScore {
  277. border:1px solid #ffffff;
  278. background-color:#d6262a;
  279. font-family: verdana, arial, sans-serif;
  280. font-size:10;
  281. font-weight: bold;
  282. color:#f8d447;
  283. width:25px;
  284. height: 18px;
  285. }
  286.  
  287. .adminTextarea{
  288. border:1px solid #d6262a;
  289. background-color:#f8d447;
  290. font-family: verdana, arial, sans-serif;
  291. font-size:10;
  292. font-weight: bold;
  293. color:#d6262a;
  294. width:400px;
  295. height: 150px;
  296. }
  297.  
  298. .adminSubmit {
  299. top:2px;
  300. border:1px solid #f8d447;
  301. background-color:#d6262a;
  302. font-family: verdana, arial, sans-serif;
  303. font-size:10;
  304. font-weight: bold;
  305. color:#f8d447;
  306. width:140px;
  307. height: 18px;
  308. }
  309.  
  310. .adminSubmitOK {
  311. top:2px;
  312. border:1px solid #f8d447;
  313. background-color:#d6262a;
  314. font-family: verdana, arial, sans-serif;
  315. font-size:10;
  316. font-weight: bold;
  317. color:#f8d447;
  318. width:25px;
  319. height: 18px;
  320. }
  321.  
  322. .adminContenu {
  323. position:Relative;
  324. top : 20px;
  325. left : 20px;
  326. right: 20px;
  327. bottom: 20px;
  328. width : 440px;
  329. overflow : auto;
  330. background-color: #06275f;
  331. border:1px solid #d6262a;
  332. font-size:10px;
  333. }
  334.  


nom_du_fichier
  1. <?  
  2. include("../start.php");  
  3. include("fonctions.php");  
  4. ?>
  5. <head><script type='text/javascript' src='une.js'></script>
  6. <link href='une.css' rel='stylesheet'>
  7. <script language="javascript" type="text/javascript">
  8.    var Navigateur = navigator.appName;
  9.    if(Navigateur == "Microsoft Internet Explorer"){
  10.       window.onload = fenetre;
  11.    }
  12. </script>
  13. <script type="text/javascript" src="../slimbox/js/mootools.js"></script>
  14. <script type="text/javascript" src="../slimbox/js/slimbox.js"></script>
  15. <link rel="stylesheet" href="../slimbox/css/slimbox.css" type="text/css" media="screen" />
  16. <?  
  17. echo "<link href='../frames.css' rel='stylesheet' />";  
  18. echo "<link href='../style/style.css' rel='stylesheet' type='text/css' /></head>";  
  19. function scoop(){  
  20. echo "<div class='scoop'>";//-------------------------------------------------------------------------------------------------------------------------------------------------------------------
  21.    //image
  22.    $res_edito=mysql_db_query("roflesselles","SELECT id_edito,photo FROM rof_edito order by date DESC, heure DESC"); 
  23.    $nb_edito=mysql_num_rows($res_edito); 
  24.    for($i=1;$i<=$nb_edito;$i++){ 
  25.       $Aff_edito=mysql_fetch_array($res_edito); 
  26.       if($Aff_edito[1]!=NULL && $dejavu==NULL){ 
  27.          $img="../aff_image3.php?id=$Aff_edito[0]"; 
  28.          $dejavu=1; 
  29.       } 
  30.    } 
  31.    echo "<br><center><div id='grandeimage'><a href='#'><img src='$img' border=0></img></a></div></center>"; 
  32.    //lien popup forum
  33.    echo "<center><br>"; 
  34.    popupImg("http://www.roflesselles.com/forum/","forumROF","images/photo_forum_f.png","130","edito");  
  35. echo "</center>"; 
  36.    //lien popup boutique
  37.    echo "<center><br>"; 
  38.    popupImg("http://www.spreadshirt.net/shop.php?sid=231364","boutique","images/photo_forum_b.png","130","edito"); 
  39.    echo "</center>"; 
  40.    //lien popup comité
  41.    echo "<center><br>"; 
  42.    popupImg("http://comite.des.flandres.free.fr/","comite","images/flandres.png","110","edito"); 
  43.    echo "</center>"; 
  44.    echo "</div>";  
  45. }  
  46.  
  47. function edito(){ 
  48.    //calcul de k (le nombre total d'image dans la page d'accueil
  49.    $res_edito=mysql_db_query("roflesselles","SELECT photo FROM rof_edito order by date DESC, heure DESC"); 
  50.    $nb_edito=mysql_num_rows($res_edito); 
  51.    $k=0; 
  52.    for($i=1;$i<=$nb_edito;$i++){ 
  53.       $Aff_edito=mysql_fetch_array($res_edito); 
  54.       if($Aff_edito[0]!=NULL) $k++; 
  55.    } 
  56.    //affichage des news
  57.    $res_edito=mysql_db_query("roflesselles","SELECT DATE_FORMAT(date, '%d/%m/%Y'),titre,message,lien,target,lien_type,photo,id_edito FROM rof_edito WHERE OnOff=1 ORDER BY date DESC, heure DESC"); 
  58.    $nb_edito=mysql_num_rows($res_edito); 
  59.    echo "<div class='edito'><br>";//-------------------------------------------------------------------------------------------------------------------------------------------------------------------
  60.    $j=0; 
  61.    echo "<div id='conteneur'>";//debut des images
  62.    for($i=1;$i<=$nb_edito;$i++){ 
  63.       $Aff_edito=mysql_fetch_array($res_edito); 
  64.       if($Aff_edito[6]!=NULL){ 
  65.          $j++; 
  66.          $num_img="img$j"; 
  67.          $num_href="href$j"; 
  68.       } 
  69.       $image="../aff_image3.php?id=$Aff_edito[7]"; 
  70.       echo "<table width=95% align=center cellspacing=0 cellpadding=0 border=0><tr>"; 
  71.       echo "<td><img src='images/edito_gauche_titre.gif' height=20 ></td>"; 
  72.       if($Aff_edito[5]==1){//pas de lien
  73.          if($Aff_edito[6]!=NULL){   
  74.             echo "<td background='images/edito_centre_titre.gif' valign='middle' width=20 align=center>"; 
  75.             echo "<div><a id='$num_href' href='#'><img id='$num_img' src='$image' height=15 width=17 border=0></img></a><h2>$image</h2></div></td>"; 
  76.             echo "<td background='images/edito_centre_titre.gif' valign='middle' width='100%'><b> ::$Aff_edito[0]:$Aff_edito[1]</b></td>"; 
  77.          }else{ 
  78.             echo "<td background='images/edito_centre_titre.gif' valign='middle' width='100%'><b> ::$Aff_edito[0]:$Aff_edito[1]</b></td>"; 
  79.          } 
  80.       }else{//liens dans les fenêtres
  81.          if($Aff_edito[5]==2 || $Aff_edito[5]==3 || $Aff_edito[5]==4 || $Aff_edito[5]==6){ 
  82.             $res_edito_liens=mysql_db_query("roflesselles","SELECT lien_droite FROM rof_edito_liens WHERE id_edito_liens=$Aff_edito[5]"); 
  83.             $Aff_edito_liens=mysql_fetch_array($res_edito_liens); 
  84.             if($Aff_edito[6]!=NULL){ 
  85.                echo "<td background='images/edito_centre_titre.gif' valign='middle' width=20 align=center>"; 
  86.                echo "<div><a id='$num_href' href='#'><img id='$num_img' src='$image' height=15 width=17 border=0></img></a><h2>$image</h2></div></td>"; 
  87.                echo "<td background='images/edito_centre_titre.gif' valign='middle' width='100%'><b> :: "; 
  88.             }else{ 
  89.                echo "<td background='images/edito_centre_titre.gif' valign='middle' width='100%'><b> :: "; 
  90.             } 
  91.             echo "<a href='$Aff_edito[3]' class='edito'>$Aff_edito[0]:$Aff_edito[1]</b></a></td>"; 
  92.          }else{ 
  93.             if($Aff_edito[5]==5){//affiche les lien en photos
  94.                if($Aff_edito[6]!=NULL){ 
  95.                   echo "<td background='images/edito_centre_titre.gif' valign='middle' width=20 align=center>"; 
  96.                   echo "<div><a id='$num_href' href='#'><img id='$num_img' src='$image' height=15 width=17 border=0></img></a><h2>$image</h2></div></td>"; 
  97.                   echo "<td background='images/edito_centre_titre.gif' valign='middle' width='100%'><b> :: "; 
  98.                }else{ 
  99.                   echo "<td background='images/edito_centre_titre.gif' valign='middle' width='100%'><b> :: "; 
  100.                } 
  101.                $res_titrePhotos=mysql_db_query("roflesselles","SELECT id_photo_titre,Titre,DATE_FORMAT(date, '%d/%m/%Y') FROM rof_photo_titre WHERE id_photo_titre=$Aff_edito[3]"); 
  102.                $Aff__titrePhotos=mysql_fetch_array($res_titrePhotos); 
  103.                $res_Photos=mysql_db_query("roflesselles","SELECT id_photo,id_photo_titre,commentaire,DATE_FORMAT(ph_date, '%d/%m/%Y'),TIME_FORMAT(ph_heure, '%H:%i'),ph_qui FROM rof_photos WHERE id_photo_titre=$Aff__titrePhotos[0]ORDER BY ph_date,ph_heure ASC"); 
  104.                $nb_Photos=mysql_num_rows($res_Photos); 
  105.                for($z=1;$z<=$nb_Photos;$z++){ 
  106.                   $width=0; 
  107.                   $Aff_Photos=mysql_fetch_array($res_Photos); 
  108.                   $res3=mysql_db_query("roflesselles","SELECT j_Nom,j_Prenom FROM rof_joueurs WHERE `id_joueur`=$Aff_Photos[5]"); 
  109.                   $Affiche3=mysql_fetch_array($res3); 
  110.                   $nom=$Affiche3[0]; 
  111.                   $prenom=$Affiche3[1]; 
  112.                   $com1="$Aff_Photos[2]"; 
  113.                   $commantaires="$com1 ←  (ajouté le$Aff_Photos[3]à$Aff_Photos[4]par$prenom $nom)"; 
  114.                   if($z==1)   echo "<a href='../aff_image2.php?id=$Aff_Photos[0]' title='$commantaires' rel='lightbox[$Aff__titrePhotos[1]]' class='edito'><img src='../../aff_image2.php?id=$Aff_Photos[0]' width=$width>$Aff_edito[0]:$Aff_edito[1]</a>"; 
  115.                   if($z>1 && $z<=$nb_Photos)   echo "<a href='../aff_image2.php?id=$Aff_Photos[0]' title='$commantaires' rel='lightbox[$Aff__titrePhotos[1]]'><img src='../../aff_image2.php?id=$Aff_Photos[0]' width=$width></a>";                     
  116.                } 
  117.                echo "</td>"; 
  118.             }else{//lien dans une nouvelle popup
  119.                if($Aff_edito[6]!=NULL){ 
  120.                   echo "<td background='images/edito_centre_titre.gif' valign='middle' width=20 align=center>"; 
  121.                   echo "<div><a id='$num_href' href='#'><img id='$num_img' src='$image' height=15 width=17 border=0></img></a><h2>$image</h2></div></td>"; 
  122.                   echo "<td background='images/edito_centre_titre.gif' valign='middle' width='100%'><b> :: "; 
  123.                }else{ 
  124.                   echo "<td background='images/edito_centre_titre.gif' valign='middle' width='100%'><b> :: ";            
  125.                } 
  126.                popupTxt("$Aff_edito[3]","lienpopup","$Aff_edito[0]:$Aff_edito[1]","edito"); 
  127.                echo "</td>"; 
  128.             } 
  129.          } 
  130.       } 
  131.       echo "<td><img src='images/edito_droite_titre.gif' height=20></td>"; 
  132.       echo "</tr><tr>"; 
  133.       echo "<td colspan=3><p style='text-align:justify'>$Aff_edito[2]</p></td>"; 
  134.       echo "</tr></table><br>"; 
  135.    } 
  136.    echo "</div></div>";  
  137. }  
  138.  
  139. /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/  
  140. /*--------------------------------------------------------------------------------------------- Programme-------------------------------------------------------------------------------------------------------------------------------*/  
  141. /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/  
  142.  
  143. echo "<div id='headerwrap'>"; 
  144.    echo "<div id='header'>";//bannière d'en haut
  145.    BanniereNew("");//(Ne pas toucher)
  146.    echo "</div>";  
  147. echo "</div>";  
  148. echo "<div id='middlewrap'>"; 
  149.    echo "<div id='middle'>"; 
  150.       echo "<div id='sidebar'>";//menu de gauche
  151.       accueilGauche($link,$session_link,$login,$passe,"menu_accueil.php","..");//(Ne pas toucher)
  152.       accueilClassement(".."); 
  153.       echo "</div>"; 
  154.       echo "<div id='BPub'>";//bannière de pub
  155.       BannierePub("");//(Ne pas toucher)
  156.       echo "</div>"; 
  157.       //echo "<div id='scoop2'></div>";//fond bleu
  158.       echo "<div id='scoop'>";//barre de scoop
  159.       scoop();//
  160.       echo "</div>"; 
  161.       echo "<div id='contentEdito'>";//edito
  162.       edito(); 
  163.       echo "</div>"; 
  164.       echo "<div id='BlkD'>";//bannière de droite
  165.       droiteDmPmTeTb(".."); 
  166.       echo "</div>"; 
  167.    echo "</div>";  
  168. echo "</div>";  
  169. echo "<div id='footerwrap'>"; 
  170.    echo "<div id='footer'>"; 
  171.    accueilBreves();//(Ne pas toucher)
  172.    echo "</div>";  
  173. echo "</div>";  
  174. ?> 
basima
le 19/03/2009 à 10:01
basima
Déconnecté
J'ai oublier de vous mettre l'adresse du site

http://www.roflesselles.com/rof.php
LA GLOBULE
le 19/03/2009 à 11:50
LA GLOBULE
Déconnecté
111 111 111 x 111 111 111 = 12 345 678 987 654 321
Et quel est ton problème de style ?
basima
le 19/03/2009 à 16:41
basima
Déconnecté
Les balises div sont décalés.

Regarde sur le site.

http://www.roflesselles.com/rof.php
LA GLOBULE
le 19/03/2009 à 17:55
LA GLOBULE
Déconnecté
111 111 111 x 111 111 111 = 12 345 678 987 654 321
Je n'ai pas IE :/
basima
le 20/03/2009 à 08:42
basima
Déconnecté
Avec IE:
[img]http://pics.imagup.com/02/1237559617_ieScan.JPG[/img]

Avec Mozilla:
[img]http://pics.imagup.com/02/1237559530_mozScan.JPG[/img]

Avec Chrome:
[img]http://pics.imagup.com/02/1237559657_chrScan.JPG[/img]

Avec Opera:
[img]http://pics.imagup.com/02/1237559781_opeScan.JPG[/img]

Avec Safari:
[img]http://pics.imagup.com/02/1237559802_safScan.JPG[/img]
Répondre
Accès rapide :

Remonter Remonter
L'éditeur javascript - CSS - Gentoo - Tutoriaux PHP - Tutoriels PHP - Bretagne - php - Moto - Kit graphique