UrbanNomad Template: Im MSIE bricht Quellcode ab

Hallo zusammen,

ich habe als Einsteiger mal das Template "UrbanNomad" ausprobiert, das es als Extension zum Download auf typo3.org gibt.
Alles funktioniert eigentlich auch so wie gewollt, nur im InternetExplorer habe ich folgendes Problem: Wenn ich im Menu der Site auf eine Subpage klicke, ruft er die richtige PID auf, aber der Quellcode bricht immer ab und die Seite bleibt leer. Es ist meistens an der Stelle, die für das linke Menu zuständig ist. Wenn man die Subpage in einem neuen IE-Fenster öffnet, klappt es einwandfrei. 6.0.2800.1106.

Zu dem Template steht auf typo3.org leider auch, dass es nur mit Firefox getestet wurde und es wohl einige Probleme mit anderen Browsern, vor allem IE geben kann. (Aber so ein drastisches Problem??)

Falls mir jemand einen Tipp geben kann, was man ändern kann, damit das Template auch im IE funktioniert, wäre das super.

Danke,

Wahnfried

Ergänzung:

Ich habe nun schon selbst herausgefunden, dass der Fehler nicht mehr auftritt, wenn man folgende Zeilen aus dem Setup Code löscht(siehe unten).
Dann gehen aber leider die Top-Nav und Bottom-Nav Menu verloren.
Falls trotzdem jemand weiß, was nun der wirkliche Fehler ist, und wie man die Menus trotzdem wieder zum laufen bringt, würde mich das natürlich weiterhin interessieren.

Danke,
Wahnfried.

page.headerData.62 = TEXT
page.headerData.62.value = <style> TD.bottomnav_bar { height: {$bottomnav_height} ; } </style>

page.headerData.64 = TEXT
page.headerData.64.value = <style> .bottom_nav { color: {$bottomnav_color} ; } </style>

page.headerData.65 = TEXT
page.headerData.65.value = <style> a.bottom_nav { color: {$bottomnav_color} ; } </style>

page.headerData.67 = TEXT
page.headerData.67.value = <style> a.bottom_nav:hover { color: {$bottomnav_color} ; } </style>

page.headerData.68 = TEXT
page.headerData.68.value = <style> a.bottom_nav:visited { color: {$bottomnav_color} ; } </style>

? *g* was macht die Extension? 😉

(nein ich geh das jetzt nicht nachschauen, aber mich interressiert vorerst für was man sowas braucht weil ich sowas seid 3/4 Jahren nicht brauche)

MFG Proximo

Hi, ich habe das gleiche Problem. Ich weiß auch nicht woran es liegt. Ich habe schon alle Möglichen Dinge ausprobiert, und noch klappt es nicht.

Die Extension gibt ein Template mit fertigem Menü, welches man eigentlich super verwenden kann und seinen eigenen Ansprüchen entsprechend verwenden. Nur leider im MSI bricht er ab.

Salam,
und Hallo,
also ich habe es, glaube ich.

haha!

Das Problem ist wohl, dass du auch wie ich, am Anfang einfach mal die setup, constants und static daten übernommen hast, wie es das tutorial angibt.

Nun habe ich einfach mal auf die constants daten verzichtet und alles über das css modifiziert.

Ergebnis. Der MSIE bricht nicht mehr ab.

Ach ja, einige Modifikationen habe ich auch noch gemacht. Zeige ich am Besten hier durch das Setup:

temp.template = TEMPLATE
temp.template {
  template = FILE
  template.file = EXT:tmpl_urbannomad/template/urbannomad.html
}

# Page object

page = PAGE
page.typeNum = 0

# Template stylesheet
page.stylesheet = EXT:tmpl_urbannomad/template/res/urbannomad_css.css
}
}

# ------------------------------
# Left Menu Navigation
# ------------------------------

temp.leftnav = HMENU
temp.leftnav.1 = TMENU

temp.leftnav.1 {
  # Normal state properties
  wrap = <table border="0" cellpadding="0" cellspacing="0" width="100%" valign="top"> | </table>
  NO {
    wrapItemAndSub = <tr><td class="leftnav-level1-BOX-sm"> </td></tr><tr><td class="leftnav-level1-BOX"> | </td></tr>
    stdWrap.htmlSpecialChars = 1  
    ATagParams = class="leftnav-level1-NO"
    allWrap = <div class="leftnav-level1-NO"> | </div> 
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_blue_clear.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
    expAll = 1
  }

 # Enable active state and set properties:
  ACT = 1
  ACT {
    wrapItemAndSub = <tr><td class="leftnav-level1-BOX-sm"> </td></tr><tr><td class="leftnav-level1-BOX"> | </td></tr>
    stdWrap.htmlSpecialChars = 1
    ATagParams = class="leftnav-level1-ACT"
    allWrap = <div class="leftnav-level1-ACT"> | </div>
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_grey.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
  }
 }

# Second level menu-object, textual
temp.leftnav.2 = TMENU
temp.leftnav.2 {

  # Normal state properties
  NO {
    stdWrap.htmlSpecialChars = 1
    ATagParams = class="leftnav-level2-NO"
    allWrap = <div class="leftnav-level2-ACT">  |  </div>
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_blue_clear.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
  }

  # Enable active state and set properties:
  ACT = 1
  ACT {
    stdWrap.htmlSpecialChars = 1
    ATagParams = class="leftnav-level2-ACT"
    allWrap = <div class="leftnav-level2-ACT"> | </div>
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_grey.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
  }
 }


# Third level menu-object, textual
temp.leftnav.3 = TMENU
temp.leftnav.3 {

  # Normal state properties
  NO {
    stdWrap.htmlSpecialChars = 1
    ATagParams = class="leftnav-level2-NO"
    allWrap = <div class="leftnav-level2-ACT">     |  </div>
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_blue_clear.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
  }

  # Enable active state and set properties:
  ACT = 1
  ACT {
    stdWrap.htmlSpecialChars = 1
    ATagParams = class="leftnav-level2-ACT"
    allWrap = <div class="leftnav-level2-ACT">    | </div>
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_grey.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
  }
 }


# ------------------------------
# Breadcrumbs Path menu cObject
# ------------------------------

temp.crumbs = HMENU
temp.crumbs.special = rootline
temp.crumbs.1 = TMENU
temp.crumbs.1.NO {
  linkWrap = |*| | >  |*| |
  ATagParams = class="crum_bar"
}

# ------------------------------
# Toplinks menu
# ------------------------------

temp.toplinks = HMENU
temp.toplinks.special = directory
temp.toplinks.special.value = 1458
temp.toplinks.1 = TMENU
temp.toplinks.1.NO {
  before.cObject < temp.template
  before.cObject {
    workOnSubpart = TOPLINK_ITEM
    marks.TITLE = TEXT
    marks.TITLE.field = title
    wraps.LINK = TEXT
    wraps.LINK {
      value = |
      typolink.parameter.field = uid
      typolink.ATagParams = class="top_nav"
    }
    marks.SEPARATOR = TEXT
    marks.SEPARATOR {
      value = |*| <span class="top_nav"> | </span> |*|     
    }
  }
  doNotShowLink = 1
}

# ------------------------------
# Bottomlinks menu
# ------------------------------

temp.bottomlinks = HMENU
temp.bottomlinks.special = directory
temp.bottomlinks.special.value = 1459
temp.bottomlinks.1 = TMENU
temp.bottomlinks.1.NO {
  before.cObject < temp.template
  before.cObject {
    workOnSubpart = BOTTOMLINK_ITEM
    marks.TITLE = TEXT
    marks.TITLE.field = title
    wraps.LINK = TEXT
    wraps.LINK {
      value = |
      typolink.parameter.field = uid
      typolink.ATagParams = class="bottom_nav"
    }
    marks.SEPARATOR = TEXT
    marks.SEPARATOR {
      value = |*| <span class="bottom_nav"> | </span> |*|     
    }
  }
  doNotShowLink = 1
}

# -------------------------------------------------------------
# Inserts the Copyright Information at the Bottom of the page 
# ---------------------------------------------------------------
temp.copyright = TEXT
temp.copyright.value = Copyright © 2004 - 2006 by Akif Sahin

# ------------------------------
# Start the page display here
# ------------------------------

page.10 = TEMPLATE
page.10 {
  template < temp.template.template
  workOnSubpart = DOCUMENT_BODY

# Image resources

  marks.IMG_SPACER = IMG_RESOURCE
  marks.IMG_SPACER.file = EXT:tmpl_urbannomad/template/images/spacer.gif
  marks.IMG_SPACER_WHITE = IMG_RESOURCE
  marks.IMG_SPACER_WHITE.file = EXT:tmpl_urbannomad/template/images/spacer_white.gif
  marks.IMG_ARROW_RIGHT = IMG_RESOURCE
  marks.IMG_ARROW_RIGHT.file = EXT:tmpl_urbannomad/template/images/arrow_grey.gif
  marks.IMG_ARROW_BLUE = IMG_RESOURCE
  marks.IMG_ARROW_BLUE.file = EXT:tmpl_urbannomad/template/images/arrow_blue.gif

# Template dynamic areas

  subparts.DATE < temp.date
  subparts.CONTENT < styles.content.get
  subparts.CONTENTLEFT < styles.content.getLeft
  subparts.CONTENTRIGHT < styles.content.getRight
  subparts.LEFTNAV < temp.leftnav
  subparts.LEFTEXTRA < temp.leftextra
  subparts.CRUMBS < temp.crumbs
  subparts.TOPLINKS < temp.toplinks
  subparts.BOTTOMLINKS < temp.bottomlinks
  subparts.COPYRIGHT < temp.copyright
}


# Displaying the Admin Panel
page.config.admPanel = 1

# Activates RTE
content.RTE_compliant = 1

Das obere und untere Menü sind nun als Verzeichnis angegeben, also die uid.

Das Copyright wird nun direkt vom Setup angegeben.

Kurzgesagt, ich habe einfach alles unnötigen Ballast entfert und direkt im Setup die Eingaben vorgenommen.

Wichtig war, dass die margin top auf jeden Fall entfernt werden musste.

Der Fehler lag daran, dass das Setup die CSS Datei für die Formatierung und die Gestaltung aufgerufen hat, und die Constants selber Werte für die Formatierung inne hatten. Dadurch kam es wohl zu einer Überschneidung mit der der MSIE nichts anfangen konnte. So kam es dann wohl zum Fehler.

Ich hoffe hilft dir weiter. Ich würde komplett auf die Constants verzichten und einfach über die CSS Datei die Modifikationen vornehmen.

Cheers!