DIV fixieren unter IE 6

[Irene2007]

Hallo!

Ich nehme zwar an, dass dieses Thema schon öfter diskutiert wurde, ich habe aber leider nichts funktionierendes gefunden.
Ich möchte ein DIV (das ein Bild enthält) so fixieren, dass es beim Scrollen an einer Stelle bleibt. Es sollte im Mozilla und in IE (ab Version 6) funktionieren. Ich weiß inzwischen, dass der style 'fixed' erst ab IE 7 funktioniert.
Vielleicht kann mir jemand helfen.

Irene

 

[matibaski]

Gehört ja nicht zur Kategorie Javascript, sondern CSS.

Etwa so:

<div style="position:fixed;">
 <img src="deinbild.jpg">
</div>

Dann einfach ergänzen.
Mit der position fixed, bleibt es auch beim Scrollen immer sichtbar.

MfG, matibaski

 

[Irene2007]

Das geht angeblich nur unter Mozilla/Netscape und ab IE Version 7. Hab ich ausserdem schon probiert.

Irene

 

[prostel]

Ehrlich gesagt weiss ich nicht, was du genau meinst.
Das Bild soll immer auf der selben Position stehen bleiben
auch beim Scrollen? Das tut doch jedes Div von Haus aus
Meinst du vielleicht, wenn sich die Browserfenstergröße ändert?
Wenn ja, einfach allen Containern darum eine feste Breite geben,
dann bleiben sie gleich.

Sonst einfach mit position:absolute deinem div eine feste Posi geben

 

[Irene2007]

Ein div mit position:absolut verschwindet beim Scrollen. position:fixed funktioniert mit IE 6 leider noch nicht und ich kann mich auch nicht darauf verlassen, dass alle anderen einen neuen Browser haben. Ich habe im Internet einige ähnliche Lösungen gefunden, es hat aber keine so recht funktioniert.

 

[matcho]

background-image: url(bild.jpg);
background-repeat: no-repeat;
background-attachment: fixed;

 

[alderim]

Hi,
gibt es zum

Ein div mit position:absolut verschwindet beim Scrollen. position:fixed funktioniert mit IE 6 leider noch nicht und ich kann mich auch nicht darauf verlassen, dass alle anderen einen neuen Browser haben. Ich habe im Internet einige ähnliche Lösungen gefunden, es hat aber keine so recht funktioniert.

mittlerweile eine Lösung für IE6?

danke

 

[Drakes]

Wenn du Englisch verstehst, wird dir das mit Hilfe von Hacks vielleicht(weil dies bei allen absoluten und relativen so ist) helfen.

 

[nichtsgeht]

oder schau hier mal nach:
SELFHTML: Stylesheets / CSS-basierte Layouts / Fixe Bereiche
HTML bis PHP - Browserweiche
Hier wird mit einem Workaround gearbeitet:

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

 

[VistaMax]

Ich habe ähnliche Probleme mit dem Fixieren von DIV unter IE 6.0.

Bin noch ein relativer Anfänger. wie baue ich diesen Workaround von selfhtml ein? Kommt der in den Head?
Und was bedeuten die einzelnen Zeilen?

Vielen Dank schon mal

Gruss
VistaMax

 

[neuroleptika]

Hallo!

Ich nehme zwar an, dass dieses Thema schon öfter diskutiert wurde, ich habe aber leider nichts funktionierendes gefunden.
Ich möchte ein DIV (das ein Bild enthält) so fixieren, dass es beim Scrollen an einer Stelle bleibt. Es sollte im Mozilla und in IE (ab Version 6) funktionieren. Ich weiß inzwischen, dass der style 'fixed' erst ab IE 7 funktioniert.
Vielleicht kann mir jemand helfen.

Irene

Ich habe so was mal gemacht um scrollbare Frameseiten mit css Nachzubauen.
Für moderne Browser mit fixed wie du es auch gemacht haben wirst.
Da der IE<7 position : fixed nicht versteht hab ich eine zweite css geschrieben:

  <!--[if IE]>
  <style type="text/css">@import url(extrawurst.css);</style>
  <![endif]-->

Da habe ich mit position: absolute positioniert.
Die Boxhöhen kann man mit expression an die Fenstergröße anpassen.

position : absolute;
top : 50px;
width : ein wert;
height: expression(document.body.clientHeight - 100 );

Diese Beispiel-Box beginnt 50px von oben und endet 50px vor dem unteren Rand.
Der IE7 versteht beide Varianten (glaube ich, hab allen IE's nur die expression-Variante geboten).
Das scrollen muß dafür im body abgeschaltet werden:

body {overflow : hidden;}

Für nicht fixe Bereiche wieder einschalten:

#inhalt {overflow : auto;}

Ich denke so ist es richtig.
Für eine fixe Navigation oder ein Bild funktioniert das super.
Bei meiner Framenachbastelei hab ich mich total verwurstelt. Funktionierte am Ende aber auch (irgendwie).

Ach ja, der IE6 kann nicht mit margin-top und margin-botten im gleichen Element umgehen. Er Ignoriert den lezten Wert. Ob das für den IE7 auch noch gilt weiß ich gerade nicht.