Problem mit Fixierten DIV-Layern im IE

[maurice]

Hallo zusammen!

ich habe eine Seite gemacht, in der ich zwei fixierte DIVs einsetze, die jeweils unten links + rechts stehen sollen.

Komischerweise funktioniert es an manchen Stellen, an manchen aber auch nicht.

  
 #frau  
 {  
   position: absolute;  
   bottom: 0px; right: 17px;  
   width: 200px;  
 }  
 html>body #frau {  /* nur fuer moderne Browser! */  
    position: fixed;}  
  
 #fixiert  
 {  
   position: absolute;  
   bottom: 0px; left: 0px;  
   width: 158px;  
   height: 190px;  
 }  
 html>body #fixiert {  /* nur fuer moderne Browser! */  
   position: fixed; }

Den Workaround hab ich hier von selfhtml.org und angepasst:

<!--[if lt IE 7]><style type="text/css">  
  @media screen {  
    html, body {  
      height: 100%; overflow-y: auto;  
    }  
    #fixiert {  
      height: 100%; width: 100%; overflow: auto;  
    }  
    #frau {  
      height: 100%; width: 100%; overflow: auto;  
    }  
    #content {  
      position: static;  
    }  
  }  
</style><![endif]-->

Wo ist der Fehler drin? ich versteh es einfach nciht.

Ein Link zu der Seite wo es funktioniert, ist hier, wo es nicht funktioniert ist zB hier

Hoffe ihr könnt mir helfen

lg maurice

[Ingo Turski]

Hi,

wo es nicht funktioniert ist zB hier

funktioniert doch im IE7 - sofern man die Überlagerung in zu schmalen Fenstern inkauf nimmt.

freundliche Grüße
Ingo