Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2381 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] incompatibilité avec ie/mozilla [résolu]

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] incompatibilité avec ie/mozilla [résolu]

n°838217
ldsteph
Posté le 31-08-2004 à 18:28:13  profilanswer
 

Bonjour a tous !
 
Voila j'ai un problème avec Internet explorer qui ne m'affiche pas correctement ma mise en page.
 
voila deux screens du résultats
ftp://ldweb.org/ie.png
ftp://ldweb.org/mozilla.png
 
 
Le problème n'est pas l'affichage des icones du haut mais le remplissage de mes boites en dessous de mes titres qui sont incomplets.
 
edit: En faisant quelques expériences je me rend compte que ie ne prend pas en compte la commande height. Surement la conséquence de l'imbrication des div :sweat: .
 
 
voila mon code  
css :

Code :
  1. body {
  2. background-color:#000000;
  3. }
  4. /*Cadre principaux */
  5. div.menu{
  6. border-style:ridge;
  7. /* border-color:black; */
  8. border-width:1px;
  9. border-right-width:2px;
  10. width:140px;
  11. height:17px;
  12. background-image:url(image/deco_win.gif);
  13. background-repeat:repeat-x;
  14. padding-right:5px;
  15. padding-left:5px;
  16. position:absolute;
  17. left:20px;
  18. top:100px;
  19. /*Texte deco du menu*/
  20. font-family:sans-serif;
  21. color:white;
  22. text-shadow:3px 3px 5px red;
  23. font-size: 12px;
  24. text-align:center;
  25. }
  26. div.menu a {
  27. color:#666666;
  28. font-size: 12px;
  29. text-decoration:none;
  30. }
  31. div.menu a:hover{
  32. color:#000000;
  33. font-weight:bold;
  34. }
  35. div.cadre_fenetre {
  36. border-style:inherit;
  37. border-color:inherit;
  38. border-width:inherit;
  39. border-bottom-width:2px;
  40. background-color: #CCD9CB;
  41. width:inherit;
  42. padding:5px;
  43. height:280px;
  44. position:relative;
  45. color : Black;
  46. top :3px;
  47. left : -6px;
  48. }


 
le template

Code :
  1. <?
  2. // inclusion statique
  3. include "security.php";  // pack de securite
  4. $include_page = get_page($_GET['page']);
  5. // inclusion dynamique
  6. include $include_page; // Inclue les element de la page
  7. echo'
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  9. <html>
  10. <head>
  11. <title>ldweb.org</title>
  12. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  13. </head>
  14. <style type="text/css" >
  15. <!--
  16. @import url(style.css);
  17. -->
  18. </style>
  19. <body>
  20. <div class="baniere">
  21. </div>
  22. <div class="menu"> Menu principal
  23.   <div class="cadre_fenetre">
  24.    <h1>Blog</h1>
  25. <hr>
  26. <ul>
  27.  <li>Qui suis je?</li>
  28.     <li>CV</li>
  29.     <li>blabla</li>
  30. </ul>
  31.    <h1>Labo</h1>
  32. <hr>
  33. <ul>
  34.  <li>Réalisations</li>
  35.     <li>Projets</li>
  36.     <li>Mon labo</li>
  37. </ul>
  38.     <h1>Statistiques</h1>
  39. <hr>
  40.     <ul>
  41.  <li><a href="index.php?page=admin-01">Administration</a></li>
  42.     <li>etc...</li>
  43.     <li>etc...</li>
  44. </ul>
  45.   </div>
  46. </div>
  47. <div id="mdp" class="menu">
  48. Identification
  49. <div class="cadre_fenetre" id="cadre_mdp">
  50. Login:
  51. <input name="Login" type="text"><br>
  52. MDP:
  53. <input name="Login" type="text"><br>
  54. <input name="Envoie" type="button" value="Envoie">
  55. </div>
  56. </div>
  57. <div id="page" class="menu">
  58. &nbsp;Navigation:\<a href="index.php?page=home">Accueil<a>'.$navigation.'
  59. <div id="cadre_page" class="cadre_fenetre">
  60. '.$contenu_principal.'
  61. </div>
  62. </div>
  63. <div id="folder" class="zoom">
  64.   <p> <a href="#" border=0><img src="image/folder_green.png"></a> </p>
  65. </div>
  66. <div id="contact" class="zoom">
  67.   <p> <a href="index.php?page=home" border=0><img src="image/queue.png"></a> </p>
  68. </div>
  69. <div class="zoom">
  70.   <p> <a href="#" border=0><img src="image/home128.png"></a> </p>
  71. </div>
  72. </body>
  73. </html>';
  74. ?>


 
Je précise que je débute avec les css
 
Merci
 
A+
 
edit: enlevé le code css inutile a mon prob


Message édité par ldsteph le 31-08-2004 à 18:55:42
mood
Publicité
Posté le 31-08-2004 à 18:28:13  profilanswer
 

n°838239
ldsteph
Posté le 31-08-2004 à 18:54:47  profilanswer
 

Bon c'est ok, c'est résolu.
C'est mon bouquin de css qui m'a induit en erreur.
La position absolute est calculé en fonction de l'objet parent et pas systématiquement par rapport à la fenêtre.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] incompatibilité avec ie/mozilla [résolu]

 

Sujets relatifs
centrage du text dans page au format CSS ???CSS pb IE 5.5
Probleme HTML entre IE et Mozilla[CSS] Opera et inline
[CSS] Grossir un seul coté d'un tableau[Résolu] Schéma BDD / EJBs sous eclipse
flash s'affiche pas sous firefox [Résolu][Résolu] Tomcat et Custom Tag
Suppression Recursive et RDMIR, FOR et DIR [RESOLU]Besoin d'aide pour resoudre un bug d affichage xhtml/css
Plus de sujets relatifs à : [CSS] incompatibilité avec ie/mozilla [résolu]


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR