Zum Inhalt springen

verschachtelte divs mappen

Erstellt am 23. November 2007 · 2 Antworten · letzte Antwort am 8. Dezember 2007

Tags: Frage

kusi ·

Hallo Zusammen,

ich stolper immer wieder über das Problem das verschachtelte divs nicht gemappt werden. Einmal gehts, dann wieder nicht. Nach einigen Versuchen mit der Mappingoption Range, dem Erstellen von Containern, finde ich keine vernünftige Lösung.
Wie würdet Ihr folgendes Template umsetzten?

<body>
<div class="subcolumns">
    <div class="c50l">
        <div class="gfx50"></div> 
    </div>
    <div class="c50r"></div>
</div>
</body>

Beim mappen des divs gfx50 kommt beim html-path folgende Fehlermeldung:
no content found! div.subcolumns[1] div.c50l[1] div.gfx50[1]/INNER

Besten dank schonmal im Voraus
kusi

kusi ·

Und ich bin immer noch nicht weitergekommen,

kann es sein das TemplaVoila an geschachtelten divs scheitert?

Gibt es evtl. die Möglichkeit das fehlerhafte mapping in der xml-Datei zu korrigieren, wenn ja wie komme ich an die xml-Datei.

Auf einen Vorschlag wartet sehnsüchtig
euer kusi #angry#

ManuP ·

Hi Kusi,

also ich verwende zurzeit in mehreren Seiten TemplaVoila. Von Version 1.1.1 bis 1.3.1. Habe bis jetzt keine Probleme gehabt.
Hier mal ein Beispiel zu einer meiner Seiten:

<div id="main_sub">
 <div id="navi_ebene3-5">
  <div id="leftNavi">[subnavigation]</div>
 </div>
 <div id="content">
  <div id="col_sub_1">[content_left]</div>
  <div id="col_sub_2">[content_right]</div>
  <div id="col_sub">[content_bottom]</div>                                
 </div>
</div>
<div id="footer">
 <div id="footerLeft">
  <div id="langtable" style="display:none;">
   <div class="langRow" id="row1">[sprachwahl]</div>
   ... 
   </div>
  <span id="sprache">[sprache]</span>
  <span id="service">[service]</span>
 </div>
 <div id="footerRight">[rechtliches]</div>
</div>

Ich verwende für meine Elemente, die ich über Voila mappe immer IDs.
Außerdem packe mal in dein <div class="gfx50"></div> ein &nbps;. Erfindet ja keinen Inhalt, den er setzen will.
Ich würde das mal wie folgt machen:

<body>
 <div id="subcolumns">
  <div id="c50l">
   <div id="gfx50">&nbsp;</div>
  </div>
  <div id="c50r">&nbsp;</div>
 </div>
</body>

In Voila mappst du dann die id=gfx50 mit inner (also alles was innerhalb der ID zu finden ist wird ersetzt. Voila gibt da folgendes aus:

<body>
 <div id="subcolumns">
  <div id="c50l">
   <div id="gfx50">[gemappter_inhalt]</div>
  </div>
  <div id="c50r">&nbsp;</div>
 </div>
</body>

Ansonsten sehe ich auch keinen Fehler.

Ciao und Grüße 😉
Manuel