Bug IE ?

Bug IE ? - HTML/CSS - Programmation

Marsh Posté le 27-07-2003 à 11:19:42    

Bug de IE ?
 
Dans certaines pages de mon site XHTML1.1 /CSS2 http://www.planuldep.com un bug se produit uniquement sous IE.
si on clique par exemple sur "Périphériques" et que l'on choisi une option ou il y a peu d'article l'affichage est normal, mais si la souris passe sur un lien dans la page (retour par exemple) le cadre se redimentionne !? et ça ne le fait que sur les pages dynamique (ASP) et uniquement avec IE , ça fonctionne normalement avec Mozilla et Opéra ....
 
PS: si on fait F5 le cadre reprend sa dimmention normale  :pt1cable:  
 
Une idée , car là je sèche... :-(


Message édité par Flyman30 le 27-07-2003 à 11:22:53
Reply

Marsh Posté le 27-07-2003 à 11:19:42   

Reply

Marsh Posté le 27-07-2003 à 12:49:34    

Je constate le bug, mais pourquoi, j'en sais rien. (IE5.0 Win2k)


Message édité par skylight le 27-07-2003 à 12:50:49
Reply

Marsh Posté le 27-07-2003 à 16:56:30    

IE 6 win2k y a le bug
bah c'est pas du spam, c'est vrai que c'est un drôle de bug...  
T'es sûr de regarder ce qu'il faut ? c'est quand on passe sur le lien "retour" au milieu de la fenêtre, pas le "retour" qui est en bas du menu


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 27-07-2003 à 21:00:49    

HotShot a écrit :

Vi... OK viens de voir. Ca le fait pas sur toutes.
 
Ca sent le bug de flottant avec un clear:both pas pris en compte, c'est ça ?


 
Non ,
 
Voila un morceau des CSS :
 

Code :
  1. body
  2. {
  3. text-align: center;
  4. margin: 0px 0px 0px;
  5. background-color: #fffff0;
  6. font-family: Verdana, Helvetica, sans-serif;
  7. font-size:12px;
  8. line-height:normal;
  9. color:#660033;
  10. }
  12. .cadre-global
  13. {
  14. text-align: left;
  15. margin-right: auto;
  16. margin-left: auto;
  17. width: 98%;
  18. background-color: #fffff0;
  19. border:solid 3px #ccc;
  20. }
  21. .corps
  22. {
  23. width: 94%;
  24.     background-color: #fffff0;
  25. }
  27. .vide
  28. {
  29. height:600px;
  30. width:0px;
  31. float: left;
  32. }
  34. .contenu
  35. {
  36. margin-top: 5px;
  37. margin-left: 160px;
  38. margin-right: 5px;
  39. width: 92%;
  40. width: auto;
  41.         min-height: 600px; 
  42. vertical-align: top;
  43. }
  45. .texte-contenu
  46. {
  47. margin: 5px;
  48. margin-top: 5px;
  49. margin-left: 10px;
  50. width: auto;
  51. }


 
Et la structure de la page :
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  <title>Template.asp</title>
  6.  <link rel="stylesheet" type="text/css" href="Planuldep.css" media="screen"></link>
  7. </head>
  8. <body>
  9.  <div class="cadre-global"><span class="vide"></span>
  10.   <!--#include file="Haut.inc"-->
  11.   <!--#include file="menu.inc"-->
  12.   <div class="corps">
  13.    <div class="contenu"><span class="vide"></span>
  14.     <div class="texte-contenu">
  15.      <p>&nbsp;</p>
  16.      <div class="centre">
  18.       <p>&nbsp;</p>
  19.       <p>&nbsp;</p>
  20.      </div>
  21.     </div>
  22.    </div>
  23.   </div>
  24.   <div class="pied">
  26.   </div>
  27.  </div>
  28. </body>
  29. </html>


 
Le bug ne se fait que sous IE et seulement sur les page ASP  :sweat:
 

Code :
  1. <% @LANGUAGE="VBSCRIPT" %>
  2. <!--#include file="Connections/Planuldep.asp" -->
  3. <%
  4. Dim Perifs__MMColParam
  5. Perifs__MMColParam = "1"
  6. if (Request.QueryString("Type" ) <> "" ) then Perifs__MMColParam = Request.QueryString("Type" )
  7. %>
  8. <%
  9. set Perifs = Server.CreateObject("ADODB.Recordset" )
  10. Perifs.ActiveConnection = MM_Planuldep_STRING
  11. Perifs.Source = "SELECT * FROM peripheriques WHERE Type = '" + Replace(Perifs__MMColParam, "'", "''" ) + "' ORDER BY Marques ASC"
  12. Perifs.CursorType = 0
  13. Perifs.CursorLocation = 2
  14. Perifs.LockType = 3
  15. Perifs.Open()
  16. Perifs_numRows = 0
  17. %>
  18. <%
  19. Dim Repeat1__numRows
  20. Repeat1__numRows = -1
  21. Dim Repeat1__index
  22. Repeat1__index = 0
  23. Perifs_numRows = Perifs_numRows + Repeat1__numRows
  24. %>
  25. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  26. <html xmlns="http://www.w3.org/1999/xhtml">
  27. <head>
  28.  <% startime = timer %>
  29.  <title>Aff_perifs</title>
  30.  <meta http-equiv="content-type" content="text/html;charset=iso-8859-15" />
  31.    <meta http-equiv="content-language" content="fr" />
  32.  <meta name="author" content="Patrick Planul" />
  33.  <meta name="Copyright" content="Patrick Planul ©1999 2002" />
  34.  <meta name="owner" content="planul@planuldep.com" />
  35.  <meta name="revisit-after" content="15" />
  36.  <meta name="robots" content="index,follow" />
  37.    <meta name="Identifier-URL" content="http://www.planuldep.com" />
  38.  <link rel="stylesheet" type="text/css" href="Planuldep.css" media="screen"></link>
  39.  <script type="text/javascript">
  40. <!--
  41. function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  42.   if (init==true) with (navigator) {if ((appName=="Netscape" )&&(parseInt(appVersion)==4)) {
  43.     document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  44.   else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
  45. }
  46. MM_reloadPage(true);
  47. // -->
  48.  </script>
  49. </head>
  50. <body>
  51.  <div class="cadre-global"><div class="vide"></div>
  52.   <!--#include file="Haut.inc"-->
  53.   <!--#include file="menu.inc"-->
  54.   <div class="corps">
  55.    <div class="contenu"><div class="vide"></div>
  56.     <div class="texte-contenu"><br />
  57.      <%
  58. dim strdate
  59. strdate = strdate & weekdayname(weekday(date()))
  60. strdate = strdate & " "
  61. If day(date()) = 1 Then
  62.    strdate = strdate & "1er"
  63. Else
  64.    strdate = strdate & day(date())
  65. End If
  66. strdate = strdate & " "
  67. strdate = strdate & monthname(month(date()))
  68. strdate = strdate & " "
  69. strdate = strdate & year(date())
  70. %>
  71.      <div class="centre">
  72.       <div class="TextGras">
  73.        <%response.write strdate%>
  74.       </div>
  75.       <h1><%=(Perifs.Fields.Item("Type" ).Value)%></h1>
  76.       <div class="centre">
  77.        <!--#include file="Semaine.inc"-->
  78.        <div class="tblbor">
  79.         <table class="table">
  80.          <colgroup>
  81.           <col width="80" />
  82.           <col width="403" />
  83.           <col width="45" />
  84.          </colgroup>
  85.          <%
  86. While ((Repeat1__numRows <> 0) AND (NOT Perifs.EOF))
  87. Dim Coef
  88. Coef =""
  89. if ((Perifs.Fields.Item("Prix" ).Value) > 1) and ((Perifs.Fields.Item("Prix" ).Value)<= 5) Then
  90. Coef = 3
  91. end if
  92. if ((Perifs.Fields.Item("Prix" ).Value)> 5) and ((Perifs.Fields.Item("Prix" ).Value)<= 15) Then
  93. Coef = 2
  94. end if
  95. if ((Perifs.Fields.Item("Prix" ).Value)> 15) and ((Perifs.Fields.Item("Prix" ).Value)<= 50) Then
  96. Coef = 1.8
  97. end if
  98. if ((Perifs.Fields.Item("Prix" ).Value)> 50) and ((Perifs.Fields.Item("Prix" ).Value)<= 290) Then
  99. Coef = 1.7
  100. end if
  101. if ((Perifs.Fields.Item("Prix" ).Value)> 290) and ((Perifs.Fields.Item("Prix" ).Value)<= 700) Then
  102. Coef = 1.6
  103. end if
  104. if ((Perifs.Fields.Item("Prix" ).Value)> 700) and ((Perifs.Fields.Item("Prix" ).Value)<= 1000) Then
  105. Coef = 1.5
  106. end if
  107. if ((Perifs.Fields.Item("Prix" ).Value)> 1000) and ((Perifs.Fields.Item("Prix" ).Value)<= 1520) Then
  108. Coef = 1.4
  109. end if
  110. if ((Perifs.Fields.Item("Prix" ).Value)> 1520) and ((Perifs.Fields.Item("Prix" ).Value)<= 15240) Then
  111. Coef = 1.3
  112. end if
  113. %>
  114.          <%If (Repeat1__numRows Mod 2) Then%>
  115.          <tr class="tr1">
  116.           <%Else%>
  117.          <tr class="tr2">
  118.           <%End If%>
  119.           <td><%=(Perifs.Fields.Item("Marques" ).Value)%>
  120.           </td>
  121.           <td><%=(Perifs.Fields.Item("Modeles" ).Value)%></td>
  122.           <td class="droit"><%=round((Perifs.Fields.Item("Prix" ).Value * Coef))%>
  123.            &euro;</td>
  124.          </tr>
  125.          <%
  126.                    Repeat1__index=Repeat1__index+1
  127.                    Repeat1__numRows=Repeat1__numRows-1
  128.                    Perifs.MoveNext()
  129.                   wend
  130.                    %>
  131.         </table>
  132.        </div>
  133.       </div>
  134.       <p>&nbsp;</p>
  135.       <div class="centre">
  136.        <a href="Perifs.asp">Retour au choix de périphérique</a>
  137.        <p>&nbsp;</p>
  138.        <p>&nbsp;</p>
  139.        <div class="Textmini">
  140.         <br />
  141.         <% endtime = timer
  142.        mytime = endtime - startime %>
  143.         <p>Page générée en<br />
  144.          <%=int(mytime * 1000) / 1000%>
  145.          secondes</p>
  146.        </div>
  147.       </div>
  148.      </div>
  149.     </div>
  150.    </div>
  151.   </div>
  152.   <div class="pied">
  154.   </div>
  155.  </div>
  156. </body>
  157. </html>
  158. <%
  159. Perifs.Close()
  160. %>


Message édité par Flyman30 le 27-07-2003 à 21:19:02
Reply

Marsh Posté le 27-07-2003 à 21:45:58    

HotShot a écrit :

Rien à voir mais : body{margin: 0px 0px 0px;}
 
Pourquoi 3 et pas 4 ? :D


 
Juste parceque j'avais des marges différentes et que j'ai oublié de corriger  :D

Reply

Marsh Posté le 27-07-2003 à 21:56:59    

HotShot a écrit :

Y sert à quoi ton cadre "vide" en float:left et de 600px de haut sur 0 de large ?! :??:
 
-> essaie de le virer et d'affecter une propriété clear:both; à ton div "pied"


 
Le div vide me sert a assurer une hauteur mini au div "cadre-global" et "contenu"

Reply

Marsh Posté le 27-07-2003 à 21:59:44    

HotShot a écrit :


 
Arf, et pourquoi "600" alors ?
 
Essaie de faire ce que je t'ai dit ;)


 
Pour avoir une hauteur mini de 600px  
 
J'ai essayé le clear: both sans succès  :sweat:

Reply

Marsh Posté le 27-07-2003 à 22:07:58    

HotShot a écrit :

De toute façon tu as un autre problème : quand c'est pas en plein écran, chez moi ton lien "retour" se ballade un peu partout quand on passe dessus... je sais pas trop comment il est positionné mais c bizarre :crazy:
 
Et en < 800x600 le design explose :heink:  


 
Arf, il faut que je teste sur un autre poste alors, le site était en 800x600 et j'ai passé des valeur en % dans les CSS pour qu'il s'adapte automatiquement aux différentes résolutions  :sweat:

Reply

Marsh Posté le 27-07-2003 à 22:17:08    

HotShot a écrit :

Ouaip là à mon avis tu devrais reprendre le design "brique par brique", en allant au plus simple, et tester à chaque coup... des fois ça aide à y voir plus clair...


 
Ben ça je l'ai fait ce matin en mettant une couleur de fond différente aux div pour le controle et ça avait l'air de fonctionner, je suis en train d'allumer un poste client en 600x800 pour controle  ;)

Reply

Marsh Posté le 27-07-2003 à 22:27:30    

HotShot a écrit :


 
Heu... suffit de redimensionner la fenêtre hein :D


 
C'est pas terrible avec un TFT 17p dont la résolution normal est 1280x1027  :D  
 
après control sur station xp avec IE6fr en 800x600 le design  est normal  :??:

Reply

Marsh Posté le 27-07-2003 à 22:27:30   

Reply

Marsh Posté le 27-07-2003 à 22:34:51    

HotShot a écrit :

IE6...
 
Moi je te parle d'IE5 (celui installé par défaut sur W2000 quoi)


 
Bon je n'ai pas IE5, mais avec mozilla et opéra ça passe aussi en 800x600  ;)

Reply

Marsh Posté le 27-07-2003 à 22:50:36    

HotShot a écrit :

Ben ça oui... mais ton problème c que sous IE5 non ?  


 
 :non: non, je le voie très bien (le bug) sous IE6fr  :sweat:  
Ce que je ne comprend pas c'est que j'ai utilisé un template pour tout le site donc toutes les pages ont la même structure et seule celle qui sont en ASP ET qui ont un lien dans "texte-contenu" présente ce bug dans IE et dans IE seulement  :??:


Message édité par Flyman30 le 27-07-2003 à 22:53:14
Reply

Marsh Posté le 28-07-2003 à 09:07:38    

Bon j'ai trouvé  :bounce:  
 
j'avais :
 

Code :
  1. a
  2. {
  3. color: #660033;
  4. text-decoration: none;
  5. background-color: transparent;
  6. }
  8. a:hover
  9. {
  10. color:#ff0000;
  11.         background-color: #fffff0;
  12. text-decoration:underline;
  13. }


 
et j'ai mis :
 

Code :
  1. a:hover
  2. {
  3. color:#ff0000;
  4.         background-color: transparent;
  5.         text-decoration:underline;
  6. }


Message édité par Flyman30 le 28-07-2003 à 09:08:03
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed