div überlagern

[jens76]

hallo,

kann mir mal jemand erklären, wie ich in einem div-container, der ein bild enthält ein 2. div drüberlegen kann, so das es wie ein bild aussieht?

also was ich will ist volgendes.

wenn das hauptbild angezeigt wird, soll über dieses bild noch ein 2. gelegt werden. und zwar oben rechts.

wie stelle ich das am besten an?

kann mir wer einen tipp geben?

[PHP-Desaster]

Das zweite Div per position:relative und den top/left-Werten über das Bild schieben.

[jens76]

hab ich, aber geht nicht.

wird über dem bild angezeigt

hier mal der quelltext

<div class="subcl" >
<div style="position:relative;width:260;text-align:right;">
{if $COUPON_SHOW == true}
<img src="http://www...überlagerbild...png"
{/if}
</div>
<img src="http://www..hauptbild...jpg" />
</div>

und die definition der class subcl

.productInfo2 div.subcl { width:260px; z-index: 5; float:left; padding-bottom:20px; }

[PHP-Desaster]

Re: div überlagern

wenn das hauptbild angezeigt wird, soll über dieses bild noch ein 2. gelegt werden. und zwar oben rechts.

wird über dem bild angezeigt

Wo ist jetzt das Problem? Funktioniert doch?!

[jens76]

das wird bei mir oben drüber angezeigt
also überlagerbild über hauptbild

das überlagerbild soll aber im hauptbild oben rechts angezeigt werden

und das macht er nicht

[Kropff]

z-index?

peter

[jens76]

hab ich versucht in dem 2. div einzubauen. als

z-index:6;

geht aber auch nicht das ist ja das komische...

das ganze ist in einer product_info template seite von xt:commerce

vielleicht hilft das ja weiter...

[jens76]

also wenn ich position:absolute und top:1 left:1 einsetze gehts im FF super aber der IE zerreißt alles...

woran mag das wieder liegen?

bzw Wie umgehe ich den fehler im IE?

[pekka]

Laß top und left weg, dann müßte es klappen.

[jens76]

danke für eure hilfe habs lösen können