hi, ich habe einen kalender in dem ich bei events einen tooltip anzeige.
Leider werden die Tooltips im IE hinter den anderen Events angezeigt, sodass diese dadrüber liegen. Offensichtlich wird der z-index vom Kindelement ignoriert. hier mein HTML-Source:
<td class="days active weekend col_last">
<div class="tooltip_container">24
<div class="tooltip">24.08.2008 - 31.08.2008<br /><a href="event.html" class="event" title="Event">Ein tolles Event</a><br /><br /></div>
</div>
</td>
und hier mein css dazu:
#pagemain div.moo_cal td.active
{
cursor:pointer;
}
#pagemain div.moo_cal td.active div.tooltip_container
{
position:relative;
font-weight:bold;
color:#ff9a00;
z-index:100;
}
#pagemain div.moo_cal td.active div.tooltip_container div.tooltip
{
position:absolute;
width:160px;
height:auto;
right:0;
top:0;
display:none;
padding:10px;
text-align:left;
background-color:#ff9a00;
font-weight:normal;
font-size:11px;
color:#666;
cursor:default;
z-index:102;
}
#pagemain div.moo_cal td.active div.tooltip_container div.tooltip a
{
float:left;
display:block;
margin-bottom:10px;
background-color:#ff9a00;
font-weight:normal;
color:#fff;
cursor:pointer;
font-size:10px;
}
#pagemain div.moo_cal td.active:hover div.tooltip_container div.tooltip,
#pagemain div.moo_cal td.active div.tooltip_container:hover div.tooltip
{
display:block;
top:15px;
}
#pagemain div.moo_cal td.active div.tooltip_container div.tooltip a
{
height:10px;
display:block;
margin-bottom:4px;
}
Scheinbar hat der IE einen z-index-Bug aber eine lösung habe ich noch nicht gefunden.
Vielen Dank und Gruß,
phase