Irgendwie verstehe ich das nicht.
Problem:
ich habe mehrer div boxen untereinander. In jeder Box soll ein Infobutton sein.
bei Mouseover zeige ich die infotext box an.
Mein Problem ich schaff es nicht im ie6 das das .infotext div über das nächste .box div steht.
Habe schon mit z-index und overflow rumgespielt aber leider noch ohne Erfolg.
Falls jemand ne Idee dazu hat würde ich mich sehr freuen. Danke!
Problem:
ich habe mehrer div boxen untereinander. In jeder Box soll ein Infobutton sein.
bei Mouseover zeige ich die infotext box an.
Mein Problem ich schaff es nicht im ie6 das das .infotext div über das nächste .box div steht.
Habe schon mit z-index und overflow rumgespielt aber leider noch ohne Erfolg.
Falls jemand ne Idee dazu hat würde ich mich sehr freuen. Danke!
Code:
<div class="box">
[INDENT]<div class="infobutton" align="right">
<img src="btn_info.png" />
</div>
<div class="infotext" style="display: none;">
<div>
<h2 align="center">{t}{$Titel}{/t}</h2>
<hr /><br />
{t}{$Text}{/t}
</div>
</div>
[/INDENT]</div>
Code:
.box{
position: relative;
}
.infobutton{
position: absolute;
top: 3px;
right: 3px;
}
.infotext{
position: absolute;
top: 0;
right: 0;
width: 225px;
z-index: 100;
}