Comportement bizarre sous IE7 => bug?

Comportement bizarre sous IE7 => bug? - HTML/CSS - Programmation

Marsh Posté le 23-04-2007 à 15:11:37    

Salut,
 
En essayant le code HTML simple ci-dessous:
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <body>
  4.  <div style="background-color: red;">
  5.   <h1>Hello</h1>
  6. <h2 style="float: right;">Right Test</h2>
  7. <table style="clear: right"><tr><td>Hello again</td></tr></table>
  8. </div>
  9. </body>
  10. </html>


 
dont le but est de faire apparaître dans un bloc ayant un fond, dans lequel il y a un titre, un élément flottant à droite puis une table simple (avec un clear: right)
 
Il apparaît que lorsque 'lon lance un page avec ce code sous IE7, le titre "Hello" n'es pas affiché, mais est bel et bien présent dans la page, puisque sélectionnable avec la souris.
 
Par contre, si je remplace ma table par un div ou alors que j'englobe le tout dans une table, ou enfin que je sépare mon élément flottant et ma table par un div vid avant un clear: right, ça marche normalement.
 
Bref, est ce un bug ou alors ai je loupé une marche? (par exemple en faisant quelque chose d'interdit)
 
Merci.

Reply

Marsh Posté le 23-04-2007 à 15:11:37   

Reply

Marsh Posté le 23-04-2007 à 22:29:39    

C'est un problème de hasLayout, il faut utiliser <h1 style="height:1%;">


Message édité par Dan_A le 23-04-2007 à 22:30:03
Reply

Marsh Posté le 23-04-2007 à 23:32:08    

Oui, entre temps, j'ai vu ça. (mais je pensais vraiment que le hasLayout ne pouvait avoir que des conséquences de positionnement, et non pas d'affichage. Et là, en plus, ça donne un affichage buggant (le contenu apparaît et reste à l'écran une fois qu'il a été sélectionné à la souris)

 

Je crois qu'avec un zoom: 1, ça marche aussi.

 

Merci :hello:

 

Vraiment déroutant comme comportement.(et aussi le fait que ça marche selon les éléments qu'on trouve autour et au dessus...)


Message édité par Yoyo@ le 23-04-2007 à 23:32:49
Reply

Sujets relatifs:

Leave a Replay

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