Einzelnen Beitrag anzeigen

Benutzerbild von Sanchez
Sanchez

Registriert seit: 24. Apr 2003
Ort: Neumarkt Stmk
892 Beiträge
 
Delphi XE6 Enterprise
 
#1

Unterschiedliche Darstellung in IE und Opera

  Alt 28. Okt 2004, 19:20
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
Daniel
Testen ist feige!
  Mit Zitat antworten Zitat