Anzeige: Firefox vs IE

  • Schengo Schengo
    T3PO
    0 x
    26 Beiträge
    0 Hilfreiche Beiträge
    15. 10. 2007, 11:58

    Hallo zusammen.

    Ich habe ein Anzeigenproblem zwischen Firefox und IE. Im Firefox funktioniert alles so, wie ich es möchte, allerdings verschiebt IE mir wieder alles #evil#

    Zur Veranschaulichung hier einmal der Link: [url=http://www.hm-webworx.de/test/espey_typo3/]http://www.hm-webworx.de/test/espey_typo3/[/url]

    Die Menüpunkte sind alle grau und bei Klick soll die Ebene tiefer mit etwas Abstand angezeigt werden und der aktive Punkt wird rot. So weit so gut.

    Firefox zeigt mir die untere Ebene auch unter dem aktiven Menüpunkt an, allerdings setzt IE mir die Unterebene ohne Abstand darunter und rechts daneben.

    Hat jemand eine Ahnung wieso?

    Gruß Schengo

    Hier mal der Code (Typoscript und CSS)
    [TS]page = PAGE
    page.10 = TEMPLATE
    page.10.template = FILE
    page.10.template.file = fileadmin/espey_typo3_2/index.html
    page.10.workOnSubpart = DOCUMENT_BODY
    page.10.subparts.content < styles.content.get
    page.10.marks.down < styles.content.getLeft
    page.10.marks.footer < styles.content.getRight

    tt_content.fdfx_2cols_pi1 {
    10.stdWrap.dataWrap=<p class="csc-fdfx_2cols_pi1-header csc-fdfx_2cols_pi1-header-{field:layout}">|</p>
    15.dataWrap = <p class="csc-fdfx_2cols_pi1-subheader csc-fdfx_2cols_pi1-subheader-{field:layout}">|</p>
    }

    page.15.workOnSubpart = DOCUMENT_BODY
    page.15.subparts.down < styles.content.getLeft

    page.headerData.20 = TEXT
    page.headerData.20.value = <link rel="stylesheet" href="fileadmin/espey_typo3_2/menu.css" type="text/css" /><link rel="stylesheet" href="fileadmin/espey_typo3_2/basic.css" type="text/css" /><script language="JavaScript" src="fileadmin/espey_typo3_2/fix_ie.js" type="text/javascript"></script>

    page.10.marks {
    MENU = HMENU
    MENU {
    #entryLevel = 1
    special = directory
    special.value = 2
    stdWrap.required = 1
    stdWrap.wrap =
    1 = TMENU
    1 {
    expAll = 1
    noBlur = 1
    wrap = <ul id="nav">|</ul>
    NO = 1
    NO {
    ATagTitle.field = abstract // description // title
    wrapItemAndSub = <li class="ebene1_no">|</li>
    stdWrap = upper
    }
    ACT = 1
    ACT {
    ATagTitle.field = abstract // description // title
    wrapItemAndSub = <li class="ebene1_act">|</li>
    stdWrap = upper
    }
    }
    2 = TMENU
    2 {
    expAll = 1
    noBlur = 1
    wrap = <ul id="nav">|</ul>
    NO = 1
    NO {
    ATagTitle.field = abstract // description // title
    wrapItemAndSub = <li><font color="#999999">&#9492;</font> | <font color="#999999">|</font> </li> |*| <li>| <font color="#999999">|</font> </li> |*| <li>|</li>
    stdWrap = upper
    }
    CUR < .NO
    CUR = 1
    }
    }
    }[/TS]

    Die [b]CSS-Datei[/b]

    1. a:link, a:visited, a:active
    2. {
    3. text-decoration: none;
    4. font-weight: bold;
    5. color: #CCC;
    6. }
    7.  
    8. a:hover
    9. {
    10. color: #F00;
    11. }
    12.  
    13. ul#nav
    14. {
    15. margin-top: 10px;
    16. }
    17.  
    18. ul#nav li
    19. {
    20. float: left;
    21. margin: 0 20px 3px 0;
    22. }
    23.  
    24. .ebene1_no ul
    25. {
    26. visibility: hidden;
    27. position: absolute;
    28. left: 0;
    29. }
    30.  
    31. ul#nav ul li
    32. {
    33. float: left;
    34. margin: 0 0px 3px 0;
    35. }
    36.  
    37. .ebene1_act ul
    38. {
    39. position: absolute;
    40. }
    41.  
    42. .ebene1_act a
    43. {
    44. color: #F00;
    45. }
    46.  
    47. .ebene1_act ul li a:link, .ebene1_act ul li a:visited, .ebene1_act ul li a:active
    48. {
    49. color: #000;
    50. }
    51.  
    52. .ebene1_act ul li a:hover
    53. {
    54. color: #F00;
    55. }


  • 1
  • Dander Dander
    Flash Gordon
    0 x
    2287 Beiträge
    0 Hilfreiche Beiträge
    17. 10. 2007, 11:27

    bau mal noch folgendes ins ts ein:

    [TS]config {
    doctype = xhtml_trans
    xhtml_cleaning = all
    xmlprologue = none
    htmlTag_langKey = de
    metaCharset = iso-8859-1

    }
    [/TS]

  • Schengo Schengo
    T3PO
    0 x
    26 Beiträge
    0 Hilfreiche Beiträge
    17. 10. 2007, 13:19

    Hallo Dander.

    Danke für deine Antwort, aber das war leider nicht die Lösung. Daran hatte ich auch schon gedacht.

    Habe jetzt folgendes TS:
    [TS]page = PAGE
    page.config {
    doctype = xhtml_trans
    xhtml_cleaning = all
    xmlprologue = none
    htmlTag_langKey = de
    metaCharset = iso-8859-1
    }
    page.10 = TEMPLATE
    page.10.template = FILE
    page.10.template.file = fileadmin/espey_typo3_2/index.html
    page.10.workOnSubpart = DOCUMENT_BODY
    page.10.subparts.content < styles.content.get
    page.10.marks.down < styles.content.getLeft
    page.10.marks.footer < styles.content.getRight

    tt_content.fdfx_2cols_pi1 {
    10.stdWrap.dataWrap=<p class="csc-fdfx_2cols_pi1-header csc-fdfx_2cols_pi1-header-{field:layout}">|</p>
    15.dataWrap = <p class="csc-fdfx_2cols_pi1-subheader csc-fdfx_2cols_pi1-subheader-{field:layout}">|</p>
    }

    page.15.workOnSubpart = DOCUMENT_BODY
    page.15.subparts.down < styles.content.getLeft

    page.headerData.20 = TEXT
    page.headerData.20.value = <link rel="stylesheet" href="fileadmin/espey_typo3_2/menu.css" type="text/css" /><link rel="stylesheet" href="fileadmin/espey_typo3_2/basic.css" type="text/css" /><script language="JavaScript" src="fileadmin/espey_typo3_2/fix_ie.js"></script>

    page.10.marks {
    MENU = HMENU
    MENU {
    #entryLevel = 1
    special = directory
    special.value = 2
    stdWrap.required = 1
    stdWrap.wrap =
    1 = TMENU
    1 {
    expAll = 1
    noBlur = 1
    wrap = <ul id="nav1">|</ul>
    NO = 1
    NO {
    ATagTitle.field = abstract // description // title
    wrapItemAndSub = <li class="ebene1_no">|</li>
    stdWrap = upper
    }
    ACT = 1
    ACT {
    ATagTitle.field = abstract // description // title
    wrapItemAndSub = <li class="ebene1_act">|</li>
    stdWrap = upper
    }
    }
    2 = TMENU
    2 {
    expAll = 1
    noBlur = 1
    wrap = <ul id="nav2">|</ul>
    NO = 1
    NO {
    ATagTitle.field = abstract // description // title
    wrapItemAndSub = <li class="ebene2_no"><font color="#999999">&#9492;</font>&nbsp;|&nbsp;<font color="#999999">&#124;</font>&nbsp;</li> |*| <li>|&nbsp;<font color="#999999">&#124;</font>&nbsp;</li> |*| <li>|</li>
    stdWrap = upper
    }
    ACT = 1
    ACT {
    ATagTitle.field = abstract // description // title
    wrapItemAndSub = <li class="ebene2_act"><font color="#999999">&#9492;</font>&nbsp;|&nbsp;<font color="#999999">&#124;</font>&nbsp;</li> |*| <li>|&nbsp;<font color="#999999">&#124;</font>&nbsp;</li> |*| <li>|</li>
    stdWrap = upper
    }
    }

    }
    }[/TS]

  • 1