Pot: InternetExplorer hört nicht auf CSS :-|

Hi @ all,

ich habe schon zwei Beiträge über das Thema "Internet Explorer zeigt fest positionierter Layer nicht an" durchgelesen. Doch bei mir werden die Layers überhaupt nicht richtig beachtet (beim IE, beim Firefox funktionierts).

Nun wie kann ich das ganze doch funktionsfähig machen?

Hier der HTML Code:

[code=HTML]<div class="ihv">
<img src="./img/button_inaktive.gif"><img src="./img/button.gif"><img src="./img/button_inaktive.gif"><img src="./img/button_inaktive.gif"><img src="./img/button_inaktive.gif">
</div>

<div class="afterihv">
<img src="./img/afterbutton.gif">
</div>[/code]

Hier der CSS Code:

[code=CSS].top {
 position:fixed;
 top: 20px;
 left: 0px;
 height: 50px;
}

.ihv {
 position:fixed;
 top: 160px;
 left: 30px;
}

.afterihv {
 position:fixed;
 top: 190px;
 left: 0px;
}[/code]

Hier die Webseite (mit IE und Firefox vergleichen): http://fixxi.fi.funpic.de/page/

Freue mich auf Hilfen und Antworten

Grüsse,
Pot

  1. Hi there,

    position:fixed;

    Der IE versteht position:fixed nicht...

    1. Hi there,

      Hi

      Der IE versteht position:fixed nicht...

      was sollte ich deiner Meinung nach sonst benutzen?

      1. Hi there,

        was sollte ich deiner Meinung nach sonst benutzen?

        Es gibt einen Workaround, aber gerade, als ich nach der genauen URL gesucht habe, mußte ich feststellenen, daß der Bereich auf der bewußßten Seite mittlerweile nur mehr zahlenden Abonnenten vorbehalten ist ;(

        1. Es gibt einen Workaround, aber gerade, als ich nach der genauen URL gesucht habe, mußte ich feststellenen, daß der Bereich auf der bewußßten Seite mittlerweile nur mehr zahlenden Abonnenten vorbehalten ist ;(

          Oh Wunder, oh wunder: Dr.Google hat mir ein Workaround hervorgezaubert:

          http://jendryschik.de/wsdev/css/fixed/#ie ;-)

        2. Hallo,

          aber gerade, als ich nach der genauen URL gesucht habe, mußte ich feststellenen, daß der Bereich auf der bewußßten Seite mittlerweile nur mehr zahlenden Abonnenten vorbehalten ist ;(

          Dr. W3b?

          Zumindest hab ich es dort kürzlich mir erstaunen bemerkt.

          1. Hi,

            ich melde mich nochmals zurück wegen dem *** IE.. also..
            da hab ich nurnoch position: absolute; statt fixed; genommen, dafür habe ich das Design ein bisschen umgeändert. So sieht mein CSS Style aus:

            [code=css].content {
             position: fixed;
             top: 390px;
             left: 282px;
             bottom: 20px;
             width: 697px;
             background-image: url(../img/content.gif);
            }[/code]

            Wieso ignoriert jetzt IE schön unbrav die zeile "bottom: 0px;"?
            Für mich heisst das, dass dieser Layer (.content wird auf einen <div> angewendet) bis ans Ende des Browserfensters geht. Firefox zeigt's schön brav an, IE hingegen garnichts :@

            Wie kann ich diese Lücke umgehen, oder hab ich einen Fehler gemacht?

            MfG,
            Pot

            1. @Harlequin

              Hi,

              Moint

              Der IE kann leider nicht rechnen... sprich: er kann nicht aus top und bottom die nötige Höhe ermitteln.

              Danke für die Info. Hast du eine Idee wie ich nun das ganze doch irgendwie ermöglichen könnte? Muss halt auch auf die IE-Nutzer rücksicht nehmen :-P

              Gruß,

              Harlequin

              MfG,
              Pot

      2. Hallo

        Der IE versteht position:fixed nicht...

        was sollte ich deiner Meinung nach sonst benutzen?

        'nen anderen Browser. ;-)

        Spaß beiseite. Es gibt eine "Lösung" mittels JavaScript. Die hat aber den großen Nachteil, dass das erwählte Element nicht wirklich _fest_ ist, sondern beim scrollen an die ursprünliche Position im Browserfenster/Viewport zurückgeschoben wird. Scrollst du runterwärts, "zappelt" sich dein <div> langsam nach oben.

        Dass das nicht funktioniert, wenn JavaScript nicht zur Verfügung steht, ist klar. Demnach ist dies nur eine halbe Sache. Einfacher ist, darüber nachzudenken, ob das/die Element(e) wirklich fixiert werden müssen (und zu dem Ergebis zu kommen, dass dies nicht der Fall ist. ;-)).

        Je nach Höhe des fixierten Bereichs kann es nämlich vorkommen, dass Teile davon für den Besucher nicht mehr zugänglich sind, weil sie außerhalb des Browserfensters liegen.

        Tschö, Auge

        --
        Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
        (Victor Hugo)
        Veranstaltungsdatenbank Vdb 0.1
        1. 'nen anderen Browser. ;-)

          ich benutze schon einen anderen, aber da ich nicht der einzige bin der NICHT IE benutzt, ... tjah :-P

          Es gibt eine "Lösung" mittels JavaScript. Die hat aber den großen Nachteil, dass das erwählte Element nicht wirklich _fest_ ist, sondern beim scrollen an die ursprünliche Position im Browserfenster/Viewport zurückgeschoben wird. Scrollst du runterwärts, "zappelt" sich dein <div> langsam nach oben.

          Lieber nicht :-P

          Dass das nicht funktioniert, wenn JavaScript nicht zur Verfügung steht, ist klar. Demnach ist dies nur eine halbe Sache. Einfacher ist, darüber nachzudenken, ob das/die Element(e) wirklich fixiert werden müssen (und zu dem Ergebis zu kommen, dass dies nicht der Fall ist. ;-)).

          Hat IE nur das Problem bei position:fixed ..?

          Danke für die Antworten ;-)

          Tschö, Auge

          cu

      3. Hi,

        Der IE versteht position:fixed nicht...

        was sollte ich deiner Meinung nach sonst benutzen?

        Diesen Workaround (SELFHTML-Doku)

        Dabei wird das Scrollen an den Body übergeben, HTML scroll nicht und ist 100% hoch. Da Position:absolute immer auf ein übergeordnetes Element wirkt, das z.B. Position:relative hat, wird HTML jetzt Position:relative zugewiesen. Dann ist die absolute Positionierung automatisch wie fixed (Vorrausgesetzt, die navi ist in keinem Element, den position:relative zugewiesen wurde).
        Aber lies dir bitte auch das duch, was dort steht!

        Einen schönen Freitag noch!

        --
        Enjoy the Web!
        Firefox 1.5