Problem bei überlagerten Bildern

[Schippo]

Hallo liebe Experten von HTML & Co.,

ich habe ein Problem in meinem Forum dogs24.eu mit überlagerten Bildern. Zwar nicht direkt mit den Bildern, habe alle mit float und position: relative; left und top super positioniert bekommen, aber durch das ständige Überlagern und verschieben ist auf der Seite ein Bereich entstanden (großer Zwischenraum), der nicht beschrieben werden kann. Unter diesen Bildern ist Text, den ich dann ebenfalls nur noch mit position: relative; left und top an die Stelle unter den Bildern bringen konnte, wo er hin sollte. Das funktionierte auch alles einwandfrei, nur .... am Schluß der Seite ist nun ein Bereich entstanden, der sich auch nicht zusammenschieben läßt bzw. diese Leerzeilen lassen sich nicht löschen. Das sieht natürlich sehr unschön aus, wenn das Seitenende erreicht ist und dann noch ein leerer Bereich darunter folgt, der nicht gerade klein ist. Ich erkläre mir das so, daß die Bildgröße auf der Seite ihren festen Platz hat und nur optisch andere Bilder oder Texte überlagern und sich dadurch immer mehr Raum aufbaut, der weder beschrieben noch gelöscht werden kann.

Ich habe schon alles Mögliche und Unmögliche ausprobiert, auch clear:both, aber nichts hilft. Auch im Netz bin ich nicht fündig geworden. Gibt es hierfür einen Befehl, ähnlich wie clear:both oder einen anderen Trick oder habe ich vielleicht etwas falsch gemacht.

Hier der Link: http://dogs24.xobor.de/t188f36-Jerome-Pfoetchen-erzaehlen-aus-ihrem-Leben.html#msg17

Ich hoffe, es kennt sich jemand damit aus und sag schon mal danke für die Unterstützung.

Viele Grüße
Schippo

 

[Jormungand]

Du könntest z.B. die Ornamente als Hintergrund anlegen. Damit würdest du das übermäßige Übereinanderschieben verhindern.
Beispiel:

<div style="background-image:(ornament.jpg) no-repeat 0 10px;">
<p>Der Text hier läuft über das Hintergrundbild drüber</p>
</div>

Hier bekommst du die nötigen Infos zu background: http://www.w3schools.com/css/css_background.asp

Gutes Gelingen
Jormungand

 

[Schippo]

Hallo Jormungan,

vielen Dank für Deinen Tipp, ich werde das ausprobieren. Eine andere Möglichkeit wäre natürlich auch, die Ornamente nicht überlagernd zwischen die Absätze zu bringen. Ich denke, irgendwann gleichen sich dann durch das Verschieben nach unten die Zeilen wieder aus - hoffe ich zumindest. Ich probiere aber die von Dir vorgeschlagene Methode auf jeden Fall aus.

Danke nochmals und noch einen schönen Sonntag.

Viele Grüße
Schippo

 

[Schippo]

Hallo Jormungand,

hab gestern viel mit Deinem Tipp herumexperimentiert, leider erfolglos. Die Hintergrundbilder (Ornamente) schieben sich unter den Leerraum von den überlagerten Bildern und z-index greift leider nicht. Ich kann leider nicht an jeder Stelle mit Background arbeiten, da verschiedene Grafiken mit rotate gedreht werden müssen. Das funktioniert zwar auch mit Background, aber der Text rotiert dann auch mit. Die Zeilen gleichen sich auch nicht irgendwann aus, wie ich gehofft hatte, da sich die Überlagerung ja schon mit dem ersten Bild aufbaut und ich denke, ich werde wohl die Grafiken in einem Gif zusammenfügen und dann als ein großes Bild einbinden müssen. Und wo es dann möglich ist, kann ich mit Background arbeiten.

Hab nochmals vielen Dank für Deine Hilfe und viele Grüße

Schippo