Hallo,
Wer diese Test-Seite (
http://www.young-culture.com/etomite/test.html ) ansieht wird feststellen, dass gravierende Unterschiede der Darstellungen zwischen IE und Opera auftreten. Vermutlich hab ich mich mal wieder an eine Nachlässigkeit im IE gewöhnt und kann meinen Fehler deshalb nicht finden.
Diese Blöcke, bei denen im Opera der untere Balken fehlen, sind so aufgebaut:
Code:
<div class="
unit">
<div class="header">noch frei</div>
<div class="left"></div>
<div class="content">noch frei</div>
<div class="right"></div>
<div class="footer"></div>
</div>
... und das sind die Style-Klassen dazu:
Code:
.unit {
height: 130px;
width: 224px;
}
.header {
background-image:
url('/etomite/assets/images/template/head.gif');
background-repeat:no-repeat;
color: #1C449B;
height: 13px;
width: auto;
font-style:normal; font-weight:700; line-height:10px;
text-align: center;
}
.footer {
background-image:
url('/etomite/assets/images/template/footer.gif');
background-repeat:no-repeat;
background-position: bottom;
color: #1C449B;
height: 13px;
width: auto;
font-style:normal; font-weight:700; line-height:10px;
text-align: center;
}
.left {
background-color: #f0f0f0;
background-image:
url('/etomite/assets/images/template/left.gif');
background-repeat:repeat-y;
width: 10px;
float: left;
height: 100%;
}
.content{
background-color: #ececc3;
float: left;
height: 100%;
width: 92%;
font-size: 11px;
font-style:normal;
line-height:13px;
overflow: hidden;
vertical-align: 50%;
}
.right {
background-image:
url('/etomite/assets/images/template/right.gif');
background-repeat:repeat-y;
background-position:right;
background-color: #f0f0f0;
width: 8px;
float: right;
height: 100%;
}
Wo liegt mein Fehler?
grüße, daniel