Warum lässt Internet Explorer Inhalte in einem Div mit Überlauf verschwinden?
Der Inhalt innerhalb des innersten Bereichs wird in jedem Browser mit Ausnahme des IE angezeigt. Warum? Mir ist aufgefallen, dass wenn ich entferneoverflow:hidden
von.absolute_container
, dann den Inhalt hinein.item
wird angezeigt, aber ich brauche "overflow: hidden", um aus Gründen der Anzeige zu bleiben.
HTML:
<tr>
<td>
<div class="relative">
<div class="absolute">
<div class="absolute_container">
<div class="relative">
<div class="item_wrap">
<div class="item">
// doesn't show up in IE
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
CSS:
.relative {
position: relative;
width: 100%;
height: 100%;
}
.absolute {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.absolute_container {
position: absolute;
top: 25px;
right: 5px;
bottom: 5px;
left: 5px;
overflow: hidden;
}
.item_wrap {
overflow: hidden;
height: 16px;
font-size: 12px;
clear: right;
white-space: nowrap;
margin-bottom: 1px;
}
.item {
position: relative;
z-index: 999999;
background-color: transparent;
float: left;
}