:hover et iframe sur IE (bug Internet explorer)

:hover et iframe sur IE (bug Internet explorer) - HTML/CSS - Programmation

Marsh Posté le 10-02-2011 à 11:12:11    

Bonjour,
 
J'ai un menu déroulant full CSS qui est fait de cette manière :

Code :
  1. <ul>
  2. <li>Item
  3. <ul>
  4. <li>Sous Item</li>
  5. <li>Sous Item</li>
  6. <li>Sous Item</li>
  7. <li>Sous Item</li>
  8. </ul></li>
  9. <li>Item
  10. <ul>
  11. <li>Sous Item</li>
  12. <li>Sous Item</li>
  13. <li>Sous Item</li>
  14. <li>Sous Item</li>
  15. </ul></li>
  16. <li>Item
  17. <ul>
  18. <li><iframe src="" /></li>
  19. </ul>
  20. </li>
  21. </ul>


Tout fonctionne impeccablement : lorsque l'on survole un <li> de premier niveau, l'UL contenu s'affiche. C'est parait... sauf que le dernier onglet pose problème : il contient une iframe. Sur tous les navigateurs testés, tout fonctionne, mais sur IE quelle que soit la version, le survol de l'iframe fait perdre le ul li:hover et du coup l'onglet se masque.
 
Question : comment faire pour qu'IE considère que mon iframe fait bien partie de mon bloc <ul> ?
 
Demo du bug (voir le dernier onglet) : http://atoojob.fr/bug/
 
Toute solution sera récompensée d'1 000 000 de $
 
Merci


Message édité par vanquishV12 le 10-02-2011 à 11:12:32
Reply

Marsh Posté le 10-02-2011 à 11:12:11   

Reply

Marsh Posté le 10-02-2011 à 16:37:15    

Est-ce qu'il ne manquerait pas </iframe>, et que cette absence perturberait IE ?
 
Un exemple de syntaxe pour iframe est :

<iframe src="toto.htm"><p>Your browser does not support iframes.</p></iframe>

(Source : http://www.w3schools.com/TAGS/tag_iframe.asp )

Reply

Marsh Posté le 10-02-2011 à 16:47:31    

Merci en fait non j'ai bien fermé la balise sur le site que tu trouves en liens dans mon post :(

Reply

Sujets relatifs:

Leave a Replay

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