Stephan Schmid: Opera: mal gehts, mal nicht

Hallo,

ich habe folgenden seltsamen Effekt im Zusammenhang mit vertikaler Zentrierung per CSS: IE und Mozilla machens, Opera6.01 machts einmal richtig und einmal falsch (ein und das selbe Style-Sheet).

Richtig: http://ecard.arge-dlrg.de/select.php
Falsch: http://ecard.arge-dlrg.de/view.php

Die Konstruktion in Auszügen:

CSS:
body
  { height:95%;
    width:100%; }
#contain {
 position:absolute;
 top:50%;
 width:100%;
 height:424;
 margin-top:-210px;}
#seite {
 overflow:hidden;
 height:420px;
 border:2px solid #053F64; }

HTML:
<body>
<div id="contain">
<div id="seite">
     Inhalt
</div></div>
</body>

Wer kann sich das erklären? Geht es bei Opera5, IE5, IE5.5?

Danke für die Mühe
Stephan

  1. Hi Stephan,

    ich habe folgenden seltsamen Effekt im Zusammenhang mit vertikaler Zentrierung per CSS: IE und Mozilla machens, Opera6.01 machts einmal richtig und einmal falsch (ein und das selbe Style-Sheet).

    das kann ich leider nicht nachvollziehen.

    Geht es bei Opera5, IE5, IE5.5?

    Opera 5.02, 5.12, 6.0, 6.02 und 6.05 zeigen es korrekt an, 6.01 und die genannten Versionen vom M$IE habe ich nicht.

    Noch ein Hinweis: Bei http://ecard.arge-dlrg.de/view.php definierst du

    #container {
     width:100%;
     border:2px solid #053F64;
    }

    Nachdem der Rahmen außen dazuzuzählen ist, wird hier ein horizontaler Scrollbalken angezeigt, dieser wirkt etwas unschön. Verringere besser die Breite.

    LG Orlando

    1. Hallo Orlando,

      Es schein ein Fehler von Opera zu sein. Gerade habe ich ein passendes "work-around" gefunden und wollte die Jagd abblasen. Mit einem Zeilenumbruch zwischen den beiden div´s geht es:

      <div id="container"><br />
      <div id="seite">

      Danke für den Hinweis und das Durchchecken
      Stephan