Dieter Raber: Popup Effekt

Beitrag lesen

Hallo Markus,

Ich musste genau dieses Problem neulich loesen und im IE war das nicht ganz so trivial, wie es aussieht.

Am Ende habe ich so gemacht:

  • zwischen <body> und </body> einen div-container, ich gebe ihm mal die ID 'main', der auf position:relative gesetzt wird.

  • anschliessend dein kompletter Quellcode fuer die Seite

  • ganz am Ende folgt ein div-Container, sagen wir 'all-products', mit der Auflistung aller Produkte, der per CSS auf
    #all-products {
      position:absolute;
      left:wert bezogen auf main
      top: wert bezogen auf main
      display:none
    }
    gesetzt wird

  • auf den Button 'Show all products' legst du ein Javascript, das auf onmousover oder onclick den den Contaier 'all-products' auf display:block umschaltet;

Wichtig ist, dass 'all-products' ganz am Schluss des Quelltextes steht. Inerhalb meines Quelltextes gab es zahlreiche absolute und relative Positionierungen. Anfangs hatte ich 'all-products' im Quelltext unmittelbar hinter dem Button notiert, was den IE etwas aus dem Takt gebracht hat. Ob das beim Verzicht auf Positionierung auch der Fall gewesen waere, kann ich nicht sagen.

Gruß,

Dieter