Hallo zusammen,
bin etwas verwirrt, ich dachte immer, entweder ist ein div vor einem anderen oder dahinter. In meinem Fall irgendwie beides.
Um es verständlicher zu machen, hier ein Screenshot
html-seminar.de/woltlab/attachment/3143/
Die Rahmen machen die verschiedenen divs sichtbar. Die roten Felder sind Grafiken mit einem weißen Rahmen.
Darunter ist jeweis ein div mit grauer Hintergrundfarbe und einem Text darin.
Dieser Text soll über dem Bild sein - das habe ich mit margin: -50% gemacht. Der Text ist sichtbar, der Hintergrund nicht.
Bei den unteren Reihen ist margin - 10% und ganz unten 0.
Wie man sieht verschwindet der der Hintergrund hinter dem Bild, der Text ist aber dort wo er sein soll.
Wie kann das sein?
Code
<div class="row">
<div class="content w75">
<div class="imagebox i15 left">
<div> <img src="images/block_1/testbild.jpg" alt=""/></div>
<div class="minibox">Cleo</div>
</div>
</div>
...
<div class="content w75">
<div class="imagebox i15 right">
<div> <img src="images/block_1/testbild.jpg" alt=""/></div>
<div class="minibox">Fotografie</div>
</div>
</div>
</div>Danke im Voraus für eure Hilfe
