Ich habe nun das folgende HTML Template genommen, um es für eine Webseite mit Typo3 zu verwenden: http://luiszuno.com/blog/downloads/zeni-html
Soweit habe ich alles grobe gemappt und bis auf den rechten Bereich vom Slider, wo man im Beispiel "RESPONSIVE, FREE AND SLEEK" zu lesen bekommt, gibt es diese bisherigen Probleme.
Um überhaupt die einzelnen Bereiche zu mappen, habe ich jeweils einen div-Container im HTML-Template verankert, damit ich diese ordentlich mappen kann.
Bis auf den Slider und dem im Block dazugehörigen rechten Inhaltsbereich, wie oben beschrieben, sieht alles soweit ganz gut aus.
Hier der Codeauszug vom Slider und dem rechten Inhalt:
<!-- MAIN -->
<div id="main">
<div class="wrapper">
<!-- slider holder -->
<div>
<div id="slider-holder" class="clearfix">
<!-- slider -->
<div class="flexslider home-slider">
<ul class="slides">
<li>
<img src="img/slides/01.jpg" alt="alt text" />
</li>
<li>
<img src="img/slides/02.jpg" alt="alt text" />
<p class="flex-caption">Pellentesque habitant morbi feugiat vitae.</p>
</li>
<li>
<img src="img/slides/03.jpg" alt="alt text" />
</li>
</ul>
</div>
<!-- ENDS slider -->
<div class="home-slider-clearfix "></div>
<!-- Headline -->
<div>
<div id="headline">
<h1>Alles neu in 2012</h1>
<p>Willkommen auf der neuen Webseite des MJFC JAM. Wir hoffen unsere neue Präsenz gefällt Euch! </p>
<p><a href="https://twitter.com/#!/ansimuz">Stay tuned!</a></p>
<em id="corner"></em>
</div>
</div>
<!-- ENDS headline -->
</div>
<!-- ENDS slider holder -->
</div>
Der Bereich, der mir Probleme macht, heißt hier "headline". Man sieht, dass dieses div im Block des Sliders integriert ist und ich weiss nicht, wie ich diesen Bereich mappen soll, damit ich keine Fehlermeldung mit TemplaVoila bekomme.
INNER zu mappen geht nicht, OUTER wollte TemplaVoila auch nicht annehmen. Der extra div-Container um den headline-div-Container hat auch nichts gebracht!
Wer kann mir dabei helfen?