Jens Kunath: Opera zeigt DIV-Box nicht an

SELF-Forum

Opera zeigt DIV-Box nicht an

Jens Kunath
– Informationen zu den Bewertungsregeln

Hallo,

im Firefox2, IE7 und Netscape8 wird untenstehender Code richtig ausgeführt, nur im Opera nicht. Woran liegt das?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

</head>

<body>

<style type=text/css>
a.infob{position:relative;text-decoration:none}
a.infob span{visibility:hidden;position:absolute;left:0;margin-top:15px;padding:5px;width:200px;text-decoration:none;color:black;font-family:verdana;font-size:8pt;background:white}
a.infob:hover span{visibility:visible;border:1px solid #9fa4c6}
</style>

<div style="position:relative;width:410px;height:554px;background:red">

<div style="position:absolute;left:331px;top:175px;width:8px;height:8px"><a class="infob" href="#">Link<span>Testtext...</span></a></div>

</div>
</body>
</html>

Danke,
Jens Kunath

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Opera zeigt DIV-Box nicht an

    Spacerat
    – Informationen zu den Bewertungsregeln

    Bin mir zwar nicht sicher, aber möglicherweise liegt es ja daran, das das Dokument "ungültig" (also nicht XML-Konform) ist, da im Style-Tag ein Attribut (type=text/css) nicht in Anführungszeichen steht. Ist aber eher unvorstellbar. ...obwohl: Ich kenne Opera, der meckert doch bei jeder Kleinigkeit.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Opera zeigt DIV-Box nicht an

    suit
    – Informationen zu den Bewertungsregeln

    Hallo,

    im Firefox2, IE7 und Netscape8 wird untenstehender Code richtig ausgeführt, nur im Opera nicht. Woran liegt das?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>

    </head>

    <body>

    <style type=text/css>
    a.infob{position:relative;text-decoration:none}
    a.infob span{visibility:hidden;position:absolute;left:0;margin-top:15px;padding:5px;width:200px;text-decoration:none;color:black;font-family:verdana;font-size:8pt;background:white}
    a.infob:hover span{visibility:visible;border:1px solid #9fa4c6}
    </style>

    <div style="position:relative;width:410px;height:554px;background:red">

    <div style="position:absolute;left:331px;top:175px;width:8px;height:8px"><a class="infob" href="#">Link<span>Testtext...</span></a></div>

    </div>
    </body>
    </html>

    Danke,
    Jens Kunath

    im ie6 wird das auch nicht funktionieren - leider kann a:hover oder sonstige pseudoklassen in opera oder <= ie6 keine nachfahrenselektoren ansprechen (bzw nicht ordentlich)

    so kann man so mit gilder-levin keine bild-link-rollovers machen die zuverlässig in allen browsern funktionieren

    für tooltips eignet sich title="" sehr gut, ansonsten ist javascript auch noch eine möglichkeit, derartikes zu realisieren

    Hier z.B. wirdst du das selbe problem haben, funktioniert unter ie6 nicht, unter opera 9 allerdings schon
    http://de.selfhtml.org/css/layouts/anzeige/nav_dynamisch.htm#Beispiel

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Opera zeigt DIV-Box nicht an

    rfb Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Moin

    im Firefox2, IE7 und Netscape8 wird untenstehender Code richtig ausgeführt, nur im Opera nicht. Woran liegt das?

    zB könnte es daran liegen, dass der Code gar nicht valide ist, da <style> nur im <head> vorkommen darf.

    Dein span wird angezeigt, auch im Opera. Vergrößere mal das umgebende a, dann findest du es irgendwann. Oder nimm position:absolute raus.

    Gruß
    rfb

    --
    Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
    (Galileo Galilei)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln