Menü im IE 9 beim mouse over verschoben

  • zorc68 zorc68
    Jedi-Ritter
    0 x
    140 Beiträge
    0 Hilfreiche Beiträge
    16. 02. 2012, 07:52

    Hallo,
    ich habe ein Problem mit einem Dropdown-Menü, dass sich erstellt habe. In allen Browsern klappt es soweit gut nur im IE 9 ist das Untermenü mein Mouseover nach rechts und nach oben verschoben. Komischer weise aber nicht immer? Hier ist mal der Link zur Seite zum ansehen:
    [url=]http://p154104.webspaceconfig.de/unternehmen.html[/url]
    und hier ist das verwandete CSS:

    1. ul.menu, ul.menu ul {
    2. list-style-type: none;
    3. margin-left: -37px;
    4. margin-top: 0px;
    5. }
    6. *html ul.menu, ul.menu ul {
    7. list-style-type: none;
    8. padding-left: 41px;
    9. margin-top: 0px;
    10. }
    11. ul.menu a {
    12. display: block;
    13. padding: 0px 15px 0px 0px;
    14. }
    15. ul.menu a:hover {
    16. display: block;
    17. padding: 0px 15px 0px 0px;
    18. color: #cc071e;
    19. }
    20. ul.menu ul a {
    21. padding: 4px 15px 0px 0px;
    22. font-weight:bold;
    23. }
    24. ul.menu ul a:hover {
    25. color: #d2232a;
    26. font-weight:bold;
    27. padding: 4px 15px 0px 0px;
    28. }
    29.  
    30. ul.menu ul a:active {
    31. color: #d2232a;
    32. font-weight:bold;
    33. padding: 4px 15px 0px 0px;
    34. }
    35. ul.menu li {
    36. padding:0;
    37. margin:0;
    38. background-image: none;
    39. float:left;
    40. }
    41.  
    42. ul.menu ul {
    43. margin-left:0;
    44. padding: 10 0 5px 0;
    45. position: absolute;
    46. display:none;
    47. min-width:120px;
    48. }
    49. ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul {
    50. display:block;
    51. outline:expression(this.onFocus=this.blur());
    52. }
    53.  
    54. ul.menu ul li {
    55. float:none;
    56. background-color: transparent;
    57. }

    und noch speziell für den IE

    1. *html ul.menu ul {
    2. width:180px;
    3. outline:expression(this.onFocus=this.blur());
    4. }
    5. *html ul.menu, ul.menu ul {
    6. margin-top: 0px;
    7. outline:expression(this.onFocus=this.blur());
    8. }
    9. *html ul.menu ul a {
    10. padding: 0px 15px 4px 0px;
    11. outline:expression(this.onFocus=this.blur());
    12. }
    13. *html ul.menu ul a:hover {
    14. padding: 0px 15px 4px 0px;
    15. outline:expression(this.onFocus=this.blur());
    16. }
    17. *html ul.menu ul a:active {
    18. padding: 0px 15px 4px 0px;
    19. outline:expression(this.onFocus=this.blur());
    20. }

    Hat jemand eine Idee worin der Fehler im IE9 liegen könnte oder wie ich Ihn umgehen könnte.
    Danke für Eure Hilfe. Marc


  • 1
  • Chrissli Chrissli
    Jedi-General
    0 x
    1016 Beiträge
    28 Hilfreiche Beiträge
    16. 02. 2012, 21:28

    Also bei mir ist es so:

    Firefox - Nach oben versetzt
    IE9 Standard - Passt
    IE9 Kompatibilitätsansicht - Passt
    IE8 Ansicht - Passt
    IE7 - Verschoben
    Quirksmode - Verschoben

    Ich tippe mal auf den Doctype:
    Bei dir steht:
    <!DOCTYPE html>

    Ein richtiger Doctype sieht zum Beispiel so aus:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Wenn du den Doctype aus deinen Templates entfernst, kannst du mit Typoscript den Doctype automatisch setzen lassen:

    1. page.config.doctype = xhtml_trans

    ( Näheres hierzu findest du in der [url=http://www.typo3.net/tsref/setup/config/]Typo3-Script Referenz CONFIG[/url]

    Aber der richtige Doctype hat schon vielen mit "Im IE(7|8|9) sieht alles anders aus"-Problem weitergeholfen

    God's in his heaven, all's right with the world

  • 1