Occidere: Opera 6 "erkennt" kein <a href...>

Guten Abend,

Opera 6.05 weigert sich Links in der Navigation der Dokumente um http://autisma.net/index2.php als solche zu erkennen. Mit "z-index" scheine ich dem Problem nicht auf die Schliche kommen zu können.

Sollte hier jmd. schon einmal dieses Phänomen beobachtet haben und / oder Lösungen parat haben, so wäre ich sehr dankbar.

In diesem Sinne,
O.

  1. Hallo Occidere!
    Opera 6 hat tatsächlich ein Problem mit dem z-index. Meine Erfahrung ist, dass dieses Problem mit einer anderen Doctype-Angabe behoben werden kann. Mit strict (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">) funktioniert es, mit transitional offenbar nicht. Vielleicht kannst du es damit mal probieren

    Gruß

    n i c o

  2. Opera 6.05 weigert sich Links in der Navigation der Dokumente um http://autisma.net/index2.php als solche zu erkennen. Mit "z-index" scheine ich dem Problem nicht auf die Schliche kommen zu können.

    Es liegt am Verschieben von #navigation hinaus mittels top:-26px. Das mag Opera 6 nicht.

    Das lässt sich dadurch umgehen, dass #inhalt auch position:relative; bekommt (ohne top oder left, auch z-index dürfte unwichtig sein). An der Darstellung sollte sich außer im Opera 6 damit nichts ändern.

    Eine andere Möglichkeit wäre, Opera 6 spezielle Styles zu geben, ihm also die top-Eigenschaft mit negativem Wert vorzuenthalten, sodass die Navigation rechts neben der Überschrift angezeigt wird. Das sähe z.B. so aus:

    #navigation {
    position:relative;
    top:-26px;
    background:#E7E6E2 url(img/navigation.jpg) repeat;
    width:450px;
    border:1px solid black;
    margin-left:auto;
    text-align:center;
    color:black;
    }
    #inhalt>#navigation {top:auto} /* für Opera 6 */
    head:first-child+body #navigation {top:-26px !important;} /* für Gecko und Opera 7 wieder zurück */

    http://www.dithered.com/css_filters/css_only/owen_hack.html

    Johnny

    1. Hallo,

      #navigation {

      [ ... ]

      }

      #inhalt>#navigation {top:auto} /* für Opera 6 */
      head:first-child+body #navigation {top:-26px !important;} /* für Gecko und Opera 7 wieder zurück */

      so sollte es mit nur einer CSS-Weiche bzw. Anweisung für Opera 6 klappen:

      html *>b\ody #navigation, [ie4filter] {top:auto}

      http://www.lipfert-malik.de/webdesign/tutorial/bsp/kristof-lipfert-opera6-css-crossover.html

      Grüsse

      Cyx23

    2. Servus,

      Das lässt sich dadurch umgehen, dass #inhalt auch position:relative; bekommt (ohne top oder left, auch z-index dürfte unwichtig sein). An der Darstellung sollte sich außer im Opera 6 damit nichts ändern.

      das ist die Lösung, ich habe zu danken.

      O.