Das Ende: Probleme mit Opera 7-8

Ich habe auf meiner Seite http://www.opera-tutorial.de/ zwei Probleme mit meinem Dropdown-Menü. Zum einen sind die Untermenüpunkte nach links verrückt. Ich weiß, woran es liegt aber wenn ich das korrigiere machen anderen Browser damit Probleme. Gibt es da eine Weiche o.ä. für diese Opera-Versionen oder kann ich das an einer anderen Stelle ändern?

Zweitens überdecken die Google-Anzeigen mein Menü, wenn es ausgeklappt ist...

Das Menü basiert auf einem Beispiel aus der Referenz hier. Der Code vom Menü ist:

div#Rahmen {  
margin:auto;  
padding:.8em;  
top:2em;  
width:auto  
}  
  
div#Rahmen div {  
clear:left  
}  
  
*html ul#Navigation {  
width:42em  
}  
  
ul#Navigation {  
margin:auto;  
max-width:42em;  
padding:0;  
right:2em;  
}  
  
ul#Navigation li {  
float:left;  
list-style:none;  
margin:.4em;  
position:relative  
}  
  
ul#Navigation li ul {  
display:none;  
left:0; /* dieser Wert ist für Einrückung verantwortlich */  
margin-left:-40px;  
position:absolute;  
top:1.5em  
}  
  
ul#Navigation li:hover ul {  
display:block  
}  
  
li#menueins {  
z-index:20  
}  
  
li#menuzwei {  
z-index:15  
}  
  
li#menudrei {  
z-index:12  
}  
  
ul#Navigation li ul li {  
display:block;  
float:none;  
left:0;  
margin:0;  
}  
  
ul#Navigation a {  
display:block;  
padding:.2em 1em;  
width:7.5em  
}

Der HTML-Code ist:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
<head>  
  <title>Opera Tutorial- Übersicht</title>  
</head>  
  
<body>  
  
<div id="Rahmen">  
    <ul id="Navigation">  
      <li id="menueins">  
        <a href="anfang.php" class="liste">Obermenü</a>  
  
        <ul>  
          <li><a href="opera.php">Unterpunkt</a></li>  
        </ul>  
      </li>  
    </ul>  
  
  <div></div>  
  </div>  
  <div id="inhalt">  
    <div id="header">  
      <script type="text/javascript">  
//<![CDATA[  
      <!--  
      google_ad_client = "pub-12345";  
      /* 728x15, Erstellt 12.04.08 */  
      google_ad_slot = "0601107786";  
      google_ad_width = 728;  
      google_ad_height = 15;  
      //-->  
      //]]>  
      </script> <script type="text/javascript" src=  
      "http://pagead2.googlesyndication.com/pagead/show_ads.js">  
</script>  
    </div>  
  
    Lorem ipsum  
  </div>  
</body>  
</html>  

Würde mich sehr freuen, wenn jemand Rat weiß.

Danke schonmmal

  1. Ave Das!

    https://forum.selfhtml.org/?t=169554&m=1107402

    Das Problem hat sich auch grad auf ein nachfahren CSS vererbt, ich ignoriere es ganz einfach.

    Wenn Opera nicht in der Lage ist, sowas leppisches umzusetzen und keine hacks zur alternative bietet dann kann ich auch nichts dafür.

    Grüße aus H im R an Das,
      Primus Enginus*

    --
    Und wenn´s dir nicht gefällt, http://dann.nimmet.net/mir-doch-egal!
    Der Valligator
    "Computer sagt Nein"
    1. Naja, ignorieren von Opera ist bei meinem Inhalt schwer ;).

      Aber gibt es die Möglichkeit vielleicht je nach User-Agent eine leicht andere Seite auszugeben?

      1. Ave Das!

        Naja, ignorieren von Opera ist bei meinem Inhalt schwer ;).

        Stimmt. :) Schreib doch lieber was zu FF, da hättest du mehr leser, wer benutzt denn heutzutage noch Opera?

        Ausser die paar ausnahme fälle hier im Forum, und die kennen sich ja selbst mit diesem Ding aus.

        Grüße aus H im R an Das,
          Primus Enginus*

        --
        Und wenn´s dir nicht gefällt, http://dann.nimmet.net/mir-doch-egal!
        Der Valligator
        "Computer sagt Nein"
    2. Hi Engin,

      https://forum.selfhtml.org/?t=169554&m=1107402

      Wenn Opera nicht in der Lage ist, sowas leppisches umzusetzen und keine hacks zur alternative bietet dann kann ich auch nichts dafür.

      Keine Ahnung wie läppisch (kommt das von Lappen?) das ist. Aber einen Opera-Hack gibt es sehr wohl:

      <link rel="stylesheet" type="text/opera" href="opera.css">

      HTH

      Jochen

      --
      Kritzeln statt texten:
      Scribbleboard
      1. Ave Maxx!

        Keine Ahnung wie läppisch (kommt das von Lappen?) das ist.

        Keine Ahnung, das Wort passte irgendwie in den Kontext. :)

        Aber einen Opera-Hack gibt es sehr wohl:
        <link rel="stylesheet" type="text/opera" href="opera.css">

        Das funktioniert in meinem Opera schon mal nicht.  Opera Beta 9.5

        http://nimmet.de/beispiele/selfhtml/navitest/
        http://nimmet.de/beispiele/selfhtml/navitest/opera.css

        Und das ein Standad konformer Browser hacks benötigt ist auch recht seltsam.

        Anderes beispiel:
        http://nimmet.de/beispiele/selfhtml/navitest/op-navitest-ohne-float.php

        Wenn der Inhalt der Seite in dein Browser reinpasst, dann hover mal in der unteren Linkliste über "Styles", dann verkleiner mal dein Viewport und hover erneut über "Styles".
        Ich weiss nicht, das ist schon ziemlich merkwürdig, wie Opera sich da anstellt.

        zwei Screenshots
        http://nimmet.de/beispiele/selfhtml/navitest/opera-beim-hovern.jpg - An sich gibt es auf dem ersten Bild keine Scrollbalken, die haut Opera dahin.

        http://nimmet.de/beispiele/selfhtml/navitest/opera-beim-hovern-wenig-inhalt.jpg
        Bei diesem Bild habe ich den Viewport verkleinert und das link gehovert, unter der 4ten Zeile von unten wird was eingeblendet, aber so sollte es nicht sein.

        Grüße aus H im R an Maxx,
          Primus Enginus*

        --
        Und wenn´s dir nicht gefällt, http://dann.nimmet.net/mir-doch-egal!
        Der Valligator
        "Computer sagt Nein"
      2. Hallo Jochen,

        <link rel="stylesheet" type="text/opera" href="opera.css">

        Da scheint mir aber schon der Hinweis sinnvoll, dass solch ein Beispiel auch
        "funktioniert":

        <link rel="stylesheet" type="kleister" href="opera-kleister.css">

        Es ist keine spezielle Schnittstelle, und ein -vmtl. kleines- Restrisiko, dass
        es womöglich noch andere Browser mit gleichem Bug geben könnte, bleibt wohl
        auch.

        Grüsse aus Düsseldorf

        Cyx23

        1. Hi,

          Es ist keine spezielle Schnittstelle, und ein -vmtl. kleines- Restrisiko, dass
          es womöglich noch andere Browser mit gleichem Bug geben könnte, bleibt wohl
          auch.

          ja, so ist das mit Bugs die man als Browserweiche ausnutzt.
          Wobei ich in meiner grenzenlosen Naivität einfach annehme, dass die Browserhersteller sehr wohl um die Verwendung ihrer "Fehler" wissen und sie auch in Zukunft beibehalten. Ein Restrisiko bleibt natürlich, da hast du Recht.

          Grüße,

          Jochen

          --
          Kritzeln statt texten:
          Scribbleboard
    3. Hallo Engin!

      Wenn Opera nicht in der Lage ist, sowas leppisches umzusetzen und keine hacks zur alternative bietet dann kann ich auch nichts dafür.

      Tja, da trat einer mal vor Jahren den Kampf gegen Windows^H^H^Hmühlen, und war schon immer ein Don Quichotte... Nur, wo ist bei der Geschichte Sancho Panza geblieben?

      Ach ja... zu was anderes, was Enginus weiß...:

      if ($ENV{SERVER_NAME} eq 'dj-domain') { $css = '...'; }

      aaaaaaaaaaaaaaaaaand switch!

      Viele Grüße aus Frankfurt/Main,
      Patrick

      --

      _ - jenseits vom delirium - _
      [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
      Nichts ist unmöglich? Doch!
      Heute schon gegökt?
      1. Ave Patrick!

        Wenn Opera nicht in der Lage ist, sowas leppisches umzusetzen und keine hacks zur alternative bietet dann kann ich auch nichts dafür.
        Tja, da trat einer mal vor Jahren den Kampf gegen Windows^H^H^Hmühlen, und war schon immer ein Don Quichotte... Nur, wo ist bei der Geschichte Sancho Panza geblieben?

        Enginus nicht weiss! :)

        Ach ja... zu was anderes, was Enginus weiß...:
        if ($ENV{SERVER_NAME} eq 'dj-domain') { $css = '...'; }
        aaaaaaaaaaaaaaaaaand switch!

        Oder auch ooooooooooooooooooone switch! Das switched komischer weise nur bei einer Subdomain, frag mich mal warum[1].

        if ($ENV{SERVER_NAME} eq 'modern.dj-domain.de')  
        {  
         $HeaderCss = $css3;  
        }  
        if ($ENV{SERVER_NAME} eq 'white.dj-domain.de')  
        {  
         $HeaderCss = $css2;  
        }  
        else  
        {  
         $HeaderCss = $css1;  
        }
        

        Was ich schon rausgefunden habe:

        Es wird nur der erste switch nach else übernommen, ich hab da schon ein wenig variiert.

        Wo liegt der Hund begraben? Ich style jedenfalls für die ersten 2 Versionen schon mal los[2]. :)

        Grüße aus H im R an Patrick,
          Primus Enginus*
        [1] oder besser nicht, ich weiss es ja eh nicht. :)
        [2] das gibt bald wieder vorlagen ;-))

        --
        Und wenn´s dir nicht gefällt, http://dann.nimmet.net/mir-doch-egal!
        Der Valligator
        "Computer sagt Nein"
        1. Ave Enginus!

          if ($ENV{SERVER_NAME} eq 'modern.dj-domain.de')

          {
          $HeaderCss = $css3;
          }
          if ($ENV{SERVER_NAME} eq 'white.dj-domain.de')
          {
          $HeaderCss = $css2;
          }
          else
          {
          $HeaderCss = $css1;
          }

            
          Verschachtelte Abfragen in Perl:  
            
          if (...) {}  
          elsif (...) {}  
          else {}  
            
          Das »else if« wird also zu »elsif« zusammengekürzt.  
            
          
          > Es wird nur der erste switch nach else übernommen, ich hab da schon ein wenig variiert.  
            
          Du meinst, nur die Anweisung im else-Zweig wird befolgt? Bedeutet, dass die ifs unwahr liefern. Tja, wie hast Du es gemacht? Eine ugb-Kopie in jedem cgi-bin (da müsste die Abfrage nach $ENV{SERVER\_NAME} doch greifen) oder teilen sich alle Subdomains nur ein cgi-bin?  
            
          Laß Dir zur Kontrolle $ENV{SERVER\_NAME} ausgeben.  
            
          
          > [2] das gibt bald wieder vorlagen ;-))  
            
          Na endlich ;)  
            
            
          Viele Grüße aus Frankfurt/Main,  
          Patrick
          
          -- 
          ![](http://www.atomic-eggs.com/fuernA.jpg)  
            
          \_ - jenseits vom delirium - \_  
            
          [[link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash](http://www.atomic-eggs.com/)]  
          Nichts ist unmöglich? [Doch!](http://www.atomic-eggs.com/cwi/cwi_4.shtml)  
          Heute schon ge[gök](http://goek.atomic-eggs.com/goek_goek.html)t?
          
          1. Ave Patrick!

            Verschachtelte Abfragen in Perl:
            if (...) {}
            elsif (...) {}
            else {}
            Das »else if« wird also zu »elsif« zusammengekürzt.

            Da hätte ich auch selbst draufkommen können. Ich war grad erst aufgestanden und noch ein wenig Müde. :)

            Eine ugb-Kopie in jedem cgi-bin (da müsste die Abfrage nach $ENV{SERVER_NAME} doch greifen) oder teilen sich alle Subdomains nur ein cgi-bin?

            Alle Subdomains teilen sich ein Root, die Subdomains dienen nur dem Styleswitch.

            Laß Dir zur Kontrolle $ENV{SERVER_NAME} ausgeben.

            Hat sich schon erledigt. :)

            [2] das gibt bald wieder vorlagen ;-))
            Na endlich ;)

            In der black default ist schon das erste zu begutachten, ist aber noch nicht so das Gelbe vom EI, ich warte noch auf die richtige Inspiration. :)
            Das gute ist, dieses mal werden alle auf ein template zurückgreifen, ich werde versuchen, alle so unterschiedlich wie geht zu gestalten.

            Grüße aus H im R an Patrick,
              Primus Enginus*

            --
            Und wenn´s dir nicht gefällt, http://dann.nimmet.net/mir-doch-egal!
            Der Valligator
            "Computer sagt Nein"
            1. Dankeschön.. leider nutzt mir der schönste Switch nichts, wenn ich nich weiß, warum bei Opera 7+8 die Dropdowns immer unter den Google-Anzeigen begraben werden. z-index hat nichts gebracht... Das Menü ausrichten hat ja schon gelklappt.

              Aber danke für die Mühe.

              1. Ave Das!

                Dankeschön.. leider nutzt mir der schönste Switch nichts, wenn ich nich weiß, warum bei Opera 7+8 die Dropdowns immer unter den Google-Anzeigen begraben werden. z-index hat nichts gebracht... Das Menü ausrichten hat ja schon gelklappt.

                Da kann ich dir leider nicht weiter helfen, dafür hab ich deine Seite mit all meinen Browsern aufgerufen und auf die bunten Werbungen geklickt. :)

                Grüße aus H im R an Das,
                  Primus Enginus*

                --
                Und wenn´s dir nicht gefällt, http://dann.nimmet.net/mir-doch-egal!
                Der Valligator
                "Computer sagt Nein"
                1. Dankeschön. Wenn das so weiter geht kann ich jemanden bezahlen, der sich damit auch auskennt ;)

                  Aber fürs nächste Mal: ich bekomme erst was, wenn auf die Werbung und dann auf der Google-Seite, die dann erscheint nochmal geklickt wird.

                  Gruß Das Ende

                  1. Ave Das!

                    Dankeschön. Wenn das so weiter geht kann ich jemanden bezahlen, der sich damit auch auskennt ;)

                    Wenn´s die einnahmen erlauben. :)

                    Aber fürs nächste Mal: ich bekomme erst was, wenn auf die Werbung und dann auf der Google-Seite, die dann erscheint nochmal geklickt wird.

                    Sorry, nachgeholt.  :-))

                    Guck ma einer an, dein Thread hat mir 2 erkenntnisse gebracht. :)
                    Warum bindest du dir denn diese Werbung ein? Auf einer Seite von mir nutze ich auch diese dünnen Google streifen, ich hab aber noch nie drauf geklickt, werden die immer so gezählt?

                    Spam

                    Grüße aus H im R an Das,
                      Primus Enginus*

                    --
                    Und wenn´s dir nicht gefällt, http://dann.nimmet.net/mir-doch-egal!
                    Der Valligator
                    "Computer sagt Nein"
                    1. Wenn´s die einnahmen erlauben. :)

                      Schön wärs....

                      Guck ma einer an, dein Thread hat mir 2 erkenntnisse gebracht. :)
                      Warum bindest du dir denn diese Werbung ein? Auf einer Seite von mir nutze ich auch diese dünnen Google streifen, ich hab aber noch nie drauf geklickt, werden die immer so gezählt?

                      Jupp, die dünnen Dinger schon.

                      Gruß und Danke für die Spende

  2. [latex]Mae  govannen![/latex]

    Ich habe auf meiner Seite http://www.opera-tutorial.de/ zwei Probleme mit meinem Dropdown-Menü. Zum einen sind die Untermenüpunkte nach links verrückt. Ich weiß, woran es liegt aber wenn ich das korrigiere machen anderen Browser damit Probleme. Gibt es da eine Weiche o.ä. für diese Opera-Versionen oder kann ich das an einer anderen Stelle ändern?

    Wozu? Alles was du brauchst, ist sinnvolles CSS. Frage dich, woher die _ursprüngliche_ Rechtsverschiebung (die du durch gewisse Maßnahmen jetzt in eine Linksverschiebung verwandelt hast) deiner aufgeklappen Menüs kommt.
    Du benutzt als Menü verschachtelte Listen. Wie schauen Listen normalerweise (ohne zusätzliches CSS) aus? Genau, die Listenpunkte werden eingerückt! Klingelt es schon? Schön.

    Also am Anfang des CSS die Listen zurücksetzten:

    ul {  
     padding: 0;  
     margin: 0;  
    }
    

    und dann Verschiebungsmaßnahmen wie

    margin-left:-40px;

    wieder rausschmeißen, und schon klappt es in allen Operas (7,8,9).

    natürlich mußt du dadurch die grundsätzlichen Anpassungen auch wieder etwas verändern (inc. IE-Hacks), aber diese Feinarbeit ist dann kein Problem mehr.

    Cü,

    Kai

    --
    Run for the sun, little one You're an outlaw once again
    Time to change, Superman He'll be with us while he can
    In the land of make believe
    ie:{ fl:( br:< va:) ls:? fo:| rl:? n4:° ss:{ de:] js:| ch:? mo:| zu:|]
    1. Dankeschön.

      Das Ganze führt sogar zu einer Besseren Darstellung des IE 5.x.