Tooltip funktioniert im IE nicht!

Status
Nicht offen für weitere Antworten.
T

Transporter

Mitglied
Moin moin!

Auf meiner Hauptseite gibt es mehrere <DIVS> die mehr oder weniger alle über eine WHILE- oder IF - Schleife eingebunden werden. Zu diesen <DIVS> gibt es dann teilweise einen Tooltip. Alle Browser zeigen den Tooltip erfolgreich an, nur der IE nicht. Er wird zwar angezeigt, allerdings unter den eigentlich hinteren <DIVS>. Im Firefox und Opera funktionieren die Tooltips aber perfekt.

Hier meine eingebundene style.css:
PHP: 
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active
  { position: absolute;  text-decoration: none }

a.tooltip span
  { display: none }

a.tooltip:hover span
  { display: block; z-index: 100; position: absolute; top: 10; left: 20; width: 150px; color: #000000; border: 1px solid; border-color: #d5d7db #D5D7DB #D5D7DB #d5d7db; padding: 2px 2px 2px 2px; background: white }

und hier der eigentliche Tooltip;
PHP: 
      "<div style='position: absolute; width: 32px; height: 34px; top: ",$v,"px; left: ",$h,"px; margin-top: 7px; margin-left: 7'>
        <a class='tooltip' href='../$url.php?p=",$m + $b,"' target='_parent'>
          <img src='../images/unit/$folder/$user_unit->unit_id.gif' border='0'>";

      include("tooltip.inc.php");

      echo
        "</a>
      </div>";

Vielleicht könnt Ihr mir ja helfen!

Gruß Markus
 
Hi,

bitte gewöhn dir zukünftig an, hier im CSS-Forum den PHP-geparsten, also den vom Browser ausgegebenen HTML-Code zu zeigen. Vielen Dank.

Mit dem Zusatz
Code: 
a.tooltip:hover { background:none; }
blendet auch der IE den Tooltip ein.

Desweiteren solltest du im Stylesheet noch die fehlenden Einheitenangaben zur top- u. left-Eigenschaft ergänzen.
 
Okay kein Problem!

Aber leider funktioniert das so auch nicht.

Wie gesagt, der Tooltip wird ja angezeigt, aber leider im IE unter den eigentlich hinteren <DIVS>
 
Bei mir wird der Tooltip mit deinen Quellcode-Angaben im IE 6 + 7 in der Schichtposition über dem Element angezeigt.
 
Ja genau! Der <DIV> in dem der Link für den Tooltip ist, bleibt noch unter dem eigentichen Toolip. Aber wie gesagt, ich gebe mehrere <DIVS> in Schleifen aus, die eine Ebende unter den Tooltips flastern sollen. Und ab dem nachfolgenden <DIV> verschwindet der Tooltip unter den <DIV>s.

Schwer zu erklären ;-)
 
Vielleicht solltest du die "Pflasterung" der DIVs ohne die absoluten Positionsangaben und stattdessen mit der float-Eigenschaft vornehmen. In diesem Fall wird der Tooltip auch über die nachfolgenden Elemente gelegt.
 
Okay, daß mit den float würde funktionieren!
Aber auf absolute zu verzichten ist in meinem Fall wirklich nicht so gut!

Gibt es keine andere möglichkeit?
 
Doch, die gibt es.

Die z-index:100-Deklaration für das span-Element müsste entfernt, und die DIVs von links nach rechts mit einer abnehmenden Schichtposition versehen werden.

Also das erste DIV in der Zeile erhält z.B. z-index:100, das zweite z-index:99, das dritte z-index:98, usw.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück