[apohl]

Hallo Ihr Lieben,

ich sitz gerade an einem neuen Projekt meines Arbeitgebers, daß er gerne in Typo3 umgesetzt hätte (hätte ich ihm doch das System nie gezeigt ).

Hintergrund: Ich soll eine Homepage erstellen, die einem Shop vorgelagert ist, den ein Kollege gerade erstellt.

Das Layout des Shops soll gleichzeitg auch halbwegs auf den Seiten wiederzufinden sein, damit es keinen optischen Stilbruch gibt.

Ich habe mir also das Template des Shops genommen, das HTML und CSS kräftig entrümpelt und versuche nun, daß in Typo3 einzubinden.

Das HTML-Template findet sich hier.

Leider verlief das Mappen nicht so, wie geplant - sprich TV stellte beim Mappen eines Elements fest, daß ein zuvor erfolgreich gemapptes Element nun nicht mehr verfügbar sei.

Ich habe darauf hin den HTML-Code noch mal umgestellt.

Nun funktioniert zwar das Mapping, anschließend erinnert die Seite jedoch nur noch rudimentär an das Ausgangstemplate (Boxen werden zusammengelegt, Bildelemente tauchen auf einmal an ganz anderer Stelle auf, Textteile (liegen ausserhalb der Container) fehlen komplett).

Ich starr jetzt seit Stunden auf den HTML-Code und find den Fehler nicht (ich geh mal direkt davon aus, dass es mein Fehler ist).

Könnte mir jemand von Euch helfen und mal mit einen Blick drauf werfen.

(Hier findet sich das gemappte Ergebnis direkt nach Ausführen des Wizzards, ich hab mich noch nicht um den Feinschliff gekümmert).

Ich sag direkt mal Danke für jeden Blick und Hinweis !

[Cybersmog]

Ich habe mir das jetzt nur flüchtig angeschaut. Aufgefallen ist mir, dass der Quelltext des Templates nicht ganz korrekt ist (falsche Verschachtelung der Elemente). Lass mal den Validator drüberlaufen.

Ansonsten musst du beachten, dass du mit TV nicht ineinander verschachtelte Mappings anlegen kannst. Ggf. muss du da mit einem Container Element arbeiten.

Gruß
Peter

[apohl]

Hallo Peter,
Danke für die prompte Antwort.

Die Fehler, die der Code-Validator angezeigt hat, hab ich ausgemerzt, so daß der Code jetzt HTML4.01-Valide ist.

Zurück zu dem Problem mit dem verschatelten Mappings:

Wenn Du von Container-Elementen sprichst, dann meinst Du doch DIV-Container, oder ?

Ich hab die einzelnen Elemente jetzt mal durch DIV-Container eingeschlossen, was eine minimale Besserung gebracht hat; aber eben nur minimal.

Kannst Du evtl. noch mal einen Blick riskieren, wenn Du Zeit hast .... ich versuch parallel, den Code noch mal umzustricken.

**EDIT**
Ich hab jetzt mal die ursprüngliche Tabelle aufgelöst und die Spalten entsprechend in CSS umgesetzt, was ja eigentlich (wenn ich das richtig verstanden habe) dazu führen müsste, daß die entsprechenden Inhaltselemente "automatisch" in Containern landen.

Keine Änderung.

[apohl]

Hi,

das Problem hat mich echt fast die halbe N8 gekostet .... nicht daß ich ne endgültige Lösung hätte.

Ich hab immer wieder die Codestruktur umgestellt und gebastelt, mal war das Ergebnis zufriedenstellender, mal weniger ... aber richtig dargestellt wurde das Layout nie.

Ich hab dann mal den Inhalt der rechten Spalte komplett rausgeschmissen, so daß nur noch die CSS-Anweisungen zur Darstellung der leeren Spalte vorhanden waren.... und schon landet der Footer an der richtigen Stelle und es wird auch kein Text weggeschnitten.

Das Problem steckt also irgendwo in diesem Teil:

 <DIV class=boxTopContent></DIV> <DIV class=infoBoxHeadingContent>Mehr über...</DIV> <DIV class=infoBoxContent> <UL class=ulBox> <LI class=liBox><A
        href="http://shop.planet-candle.de/shop_content.php?coID=1">Liefer- und
        Versandkosten</A> <LI class=liBox><A
        href="http://shop.planet-candle.de/shop_content.php?coID=2">Privatsphäre
        und Datenschutz</A> <LI class=liBox><A
        href="http://shop.planet-candle.de/shop_content.php?coID=3">Unsere
        AGB's</A> <LI class=liBox><A
        href="http://shop.planet-candle.de/shop_content.php?coID=4">Impressum</A> <LI class=liBox><A
        href="http://shop.planet-candle.de/shop_content.php?coID=7">Kontakt</A></LI></UL></DIV> <DIV class=boxBottomContent></DIV>

Weiter kann ich den "Fehler" (schließlich hat nur TV damit ein Problem) nicht eingrenzen.

Jemand eine Idee ?

[Armin]

Guten Abend,

wenn ich das richtig beurteile, ist es eher ein CSS Problem wenn sich das Dsign verschiebt bzw. hast du den Quelltext nicht richtig/an passender Stelle eingefügt.

Armin

[apohl]

Hallo Armin,

ich werde mich hüten, Dir da zu widersprechen, da ich aalles andere als ein CSS-Crack bin.

Nur, was ich nicht verstehe:

Wieso wird die Seite korrekt angezeigt, wenn ich Sie "normal" aufrufe, aber sobald Sie in TV eingebunden ist, wird sie zerschossen ?

Wenn ein Fehler im CSS ist, müsste sich das doch generell auswirken, oder ?

Ich werd mir morgen dennoch noch mal die entsprechenden Klassen vornehmen; eine schlaflose Nacht reicht

[Armin]

moin,

Wieso wird die Seite korrekt angezeigt, wenn ich Sie "normal" aufrufe, aber sobald Sie in TV eingebunden ist, wird sie zerschossen ?

Merkwürdig ist es schon. Allerdings kann es sein das du es an der falschen Stelle einfügst, verkehrt gemappt hast...und und und.

Da du ja schon Änderungen vorgenommen hast, kann ich nun nicht sehen wie die Vorlage im Orginal aussieht und das Ergebnis von t3 nach dem mappen.
Stelle doch alle Ansichten noch mal zur Verfügung.

Armin

[apohl]

Guten Morgen Armin,

ok, dann legen wir mal los

-> Das volständige Template (also so, wie es aussehen soll) findest Du hier.

-> Das was Typo3 nach dem mappen mit TV draus macht, findest Du hier

-> Wenn man die Linkbox au der rechten Seite entfernt, kommt das zustande: Link

Gemapped hab ich bislang lediglich die Main-Content-Area (und war auf den ersten <P>-Tag im im <DIV> "Content" und das MainMenue (auf den Div-Container "Hauptmenue"), den Rest wollte ich später einfügen.

Fehlt Dir noch was ?

[Armin]

moin André,

habe mir die Seiten kurz angeschaut, und der Fehler ist ja, zumindest im Quelltext und auch in der Ansicht, gleich ersichtlich.

Auf der rechten Seite im Container mehr über uns ist der Quelltext anders als in der Vorlage, da fehlt das das id="extra".

Armin

[apohl]

Hallo Armin,

ich fürchte, ich steh auf dem Schlauch:

Das

<div id="extra">

ist sowohl im Orginal als auch in der von Typo3 erzeugten Ausgabe da (sonst würde die rechte Spalte ja gar nicht angezeigt, da ich in dieser Klasse die Spalte definiere.

Das der Queltext anders aussieht, ist richtig .... das liegt wohl daran, das Typo3 wohl den Queltext "bereinigt" und Zeilenumbrüche zusammenfasst (fällt mir gerade zum ersten Mal auf).

Ansonsten ist die Box in beiden Versionen identisch deklariert.

Irgendwie find ich das schon strange ... das hat sowas von KI