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

  FORUM HardWare.fr
  Graphisme
  Web design

  Problème css avec IE

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème css avec IE

n°1055346
basima
Posté le 19-03-2009 à 11:05:28  profilanswer
 

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.
 
Site: http://www.roflesselles.com/rof.php
 
fonctionne avec Firefox, Safari, Chrome et Opéra mais pas IE
 
Pouvez-vous m'aider?  
 

Code :
  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. /* position:absolute for all browsers - the whole page scrolls */
  13. div#headerwrap {
  14.     position:fixed;
  15.     width:100%;
  16.     top:0;
  17.     left:0;
  18.     z-index: 1;
  19. }
  20. div#middlewrap {
  21. /* set left margin and bottom padding for IE5/Win */
  22.     padding:170px 0 0 0;
  23.     margin-left:0;
  24. /* set left margin and bottom padding for others */
  25.     margin-left:0px;
  26.     padding-bottom:20px;
  27.     z-index: 1;
  28. }
  29. /* no positioning for IE5/Win - the whole page scrolls */
  30. div#footerwrap {
  31.     width:100%;
  32.     position:fixed;
  33.     bottom:0;
  34.     z-index: 1;
  35. }
  36. div#header {
  37.     height:170px;
  38.     width:800px;
  39.     margin:0 auto;
  40.     background:#06275f;
  41.     z-index: 1;
  42. }
  43. div#middle {
  44.     width:800px;
  45.     height:100%;
  46.     margin:0 auto;
  47.     background:#06275f;
  48.     z-index: 1;
  49. }
  50. div#sidebar {
  51.     width:160px;
  52.     height:100%;
  53.     float:left;
  54.     background:#1C468D;
  55.     position:fixed;
  56.     z-index: 1;
  57. }
  58. div#contentEdito {  
  59.     /* set left margin and bottom padding for IE5/Win */
  60.     padding:60px 0 0 0;
  61.     padding-bottom:20px;
  62.     margin-left:310px;
  63.     width:330px;  
  64.     float:left;
  65.     background:#06275f;
  66.     z-index: 1;
  67. }
  68. div#content {
  69.     position:static;
  70.     padding-top:60px;
  71.     padding-bottom:20px;
  72.     margin-left:160px;
  73.     width:480px;
  74.     float:left;
  75.     background:#06275f;
  76.     z-index: 1;
  77. }
  78. div#scoop {
  79.     top:230px;  
  80.     height:100%;
  81.     width:150px;  
  82.     float:left;
  83.     background:#06275f;
  84.     position:fixed;
  85.     margin-left:160px;
  86.     z-index: 1;
  87. }
  88. div#edito {
  89.     position:static;
  90.     left:300px;
  91.     width:330px;  
  92.     overflow:hidden;
  93.     margin:0 auto;
  94.     background:#06275f;
  95.     padding-bottom:20px;
  96.     z-index: 1;
  97. }
  98. div#BPub {
  99.     top:170px;  
  100.     height:60px;
  101.     width:480px;  
  102.     float:left;
  103.     background:#ffffff;
  104.     position:fixed;
  105.     margin-left:160px;
  106.     z-index: 1;
  107. }
  108. div#BlkD {
  109.     height:100%;
  110.     width:160px;
  111.     margin-left:640px;
  112.     background:#f8d447;
  113.     position:fixed;
  114.     z-index: 1;
  115. }
  116. div#footer {
  117.     height:20px;
  118.     width:800px;
  119.     margin:0 auto;
  120.     background:#d6262a;
  121.     z-index: 1;
  122. }


 

Code :
  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. /*----------------------------------------------------------------------------------------------------*/
  20. /*---------Programme---------------------------------------------------------------------------------*/
  21. /*----------------------------------------------------------------------------------------------------*/
  22. echo "<div id='headerwrap'>";
  23.     echo "<div id='header'>";//bannière d'en haut  
  24.     BanniereNew("" );//(Ne pas toucher)
  25.     echo "</div>";
  26. echo "</div>";
  27. echo "<div id='middlewrap'>";
  28.     echo "<div id='middle'>";
  29.         echo "<div id='sidebar'>";//menu de gauche
  30.         accueilGauche($link,$session_link,$login,$passe,"menu_accueil.php",".." );//(Ne pas toucher)
  31.         accueilClassement(".." );
  32.         echo "</div>";
  33.         echo "<div id='BPub'>";//bannière de pub  
  34.         BannierePub("" );//(Ne pas toucher)
  35.         echo "</div>";
  36.         //echo "<div id='scoop2'></div>";//fond bleu
  37.         echo "<div id='scoop'>";//barre de scoop
  38.         scoop();//
  39.         echo "</div>";
  40.         echo "<div id='contentEdito'>";//edito
  41.         edito();
  42.         echo "</div>";
  43.         echo "<div id='BlkD'>";//bannière de droite
  44.         droiteDmPmTeTb(".." );
  45.         echo "</div>";
  46.     echo "</div>";
  47. echo "</div>";
  48. echo "<div id='footerwrap'>";
  49.     echo "<div id='footer'>";
  50.     accueilBreves();//(Ne pas toucher)
  51.     echo "</div>";
  52. echo "</div>";
  53. ?>


Message édité par basima le 19-03-2009 à 11:46:30
mood
Publicité
Posté le 19-03-2009 à 11:05:28  profilanswer
 

n°1055451
Lactique
Caraïbe et huile de coco
Posté le 19-03-2009 à 21:55:54  profilanswer
 

Section html/css, pas design.
Et puis tu pourrais prendre 5 minutes et expliquer le problème aussi.


---------------
Studio CréeAll
n°1055476
basima
Posté le 20-03-2009 à 08:37:23  profilanswer
 

Désolé pour l'endroit comme j'ai un problème d'affichage j'ai tout de suite pensé graphisme. Comment faire pour déplacer son message dans le bon forum?
 
Mon problème est à l'affichage de mes pages avec Internet Explorer comparé aux autre navigateurs qui affichent très bien ces pages là. Le problème est que je ne sais pas pourquoi.
 
Comme un exemple visuel vaut mieux qu'une explication je vais faire des copies d'écran.
 
Avec IE:
http://pics.imagup.com/02/1237559617_ieScan.JPG
 
Avec Chrome:
http://pics.imagup.com/02/1237559657_chrScan.JPG
 
Avec Opera:
http://pics.imagup.com/02/1237559781_opeScan.JPG
 
Avec Safari:
http://pics.imagup.com/02/1237559802_safScan.JPG


Message édité par basima le 20-03-2009 à 09:51:11
n°1055527
m@noo
Posté le 20-03-2009 à 16:05:39  profilanswer
 

salut  
 
euh c'est quoi cette erreur javascript ? sur ta capture d'écran IE7 (?) je vois que tu as la même.
Pourquoi avoir utiliser des "frames", et pas afficher directement la bonne page  => site/Pages/menu_accueil.php
 
Sinon charge des outils de débuggage IEDevToolbar pour IE (<= 7) par exemple et/ou firebug pour firefox çà aide pas mal pour savoir où tu fais des coquilles et surtout çà permet de modifier des styles à chaud et de voir ce qui se passe sans recharger la page.
 
par exemple  
pour ta boite (div) middlewrap, y'a un padding-top:170px si tu le remets à 0 => plus de grosse zone blanche entre le bandeau/menu et le reste de la page.
 
pour la boite BPub t'a un margin-left:160px si tu le remets à 0 => çà le repositionne correctement à gauche.
 
Bref, normalement y'a moyen de faire pour que çà marche avec IE7 comme avec les autres, mais il faut repenser ta mise en page autrement et faire sans positionnement absolu ou fixe et vouloir tout positionner dans la page.
 
Sinon tu fais une feuille de style spécifique IE (avec juste les quelques styles corrigés) pour repositionner tout çà correctement et utiliser les "commentaires conditionnels" (recherche google) pour ajouter cette feuille de style uniquement pour IE. Même si personnellement je ferais plutôt l'effort de revoir la mise en page.
 
 


---------------
http://manooweb.fr  http://manoo.fr

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  Problème css avec IE

 

Sujets relatifs
problème système métriqueProbleme Vista avec 3Ds Max 09
Problème de texture [3ds max]Problème tremblement des images
Probleme photoshop[3DSMAX] Problème avec mon biped / personnage
problème sous catia V5[3ds Max] Problème de Texture + Importation taille
Probleme exportation avec 3dsmax[Resolu] Problème de margin auto sur IE
Plus de sujets relatifs à : Problème css avec IE


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