Leider habe ich die Seite mangels passendem Webspace noch nicht hochgeladen, aber villeicht hilft ja der Code?
HTML-Code:
<div id="main">
<div class="inside">
<div class="mod_article block" id="startseite">
<div class="ce_imageslider block">
<div class="mask1">
<div id="elements1">
<a href="index.php/startseite.html"><img src="tl_files/bilder/start.jpg" alt="Startseite" /></a>
<a href="index.php/leistungen.html"><img src="tl_files/bilder/leistungen.jpg" alt="Leistungen" /></a>
<a href="index.php/zur-person.html"><img src="tl_files/bilder/zur_person.jpg" alt="zur Person" /></a>
<a href="index.php/referenzen.html"><img src="tl_files/bilder/referenzen.jpg" alt="Referenzen" /></a>
<a href="index.php/kontakt.html"><img src="tl_files/bilder/kontakt.jpg" alt="Kontakt" /></a></div>
</div>
</div>
<div class="ce_text block">
<h1>Willkommen!</h1>
<div class="image_container float_right" style="padding:10px; float:right;">
<img src="system/html/fotolia_25891017-37c74200.jpg" width="200" height="134" alt="" />
</div>
<p><strong>Herzlich willkommen auf der Webseite von Dieter Christoph!</strong></p>
<p>Hier finden Sie Informationen rund um mich und meine Dienstleistungen.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
<div id="clear"></div>
</div>
</div>
Hier sieht man ja im Prinzip schon das Problem: Im <div class="ce_text block"> haben wir einen Extra-Container für das Bild um den die <p>-Elemente herumfließen. So weit so gut, so sollte es eigentlich auch für den slider sein.
Der ImageSlider liegt als weiteres Element leider außerhalb des <div class="ce_text block">. Wenn ich ihn nun float="right" setze springt zwar der <div class="ce_text block"> links daneben, was ja so auch sein soll, allerdings hält er natürlich bis unten die breite, die ihm noch bleibt neben dem Slider.
Die Lösung wäre nun, wenn ich einfach den <div class="ce_imageslider block"> in den <div class="ce_text block"> bekommen könnte, an die Stelle wo zur Zeit das Bild ist. Oder gibt es eine andere Lösung?
Vielen Dank,
puttfarken
Lesezeichen