27 Apr, 2009

Position : fixed in MSIE6

Categoriën: hack |IE6 |solution

Position: fixed werkt niet in Internet Explorer 6, het ontbreekt gewoon in de ondersteuning. Dus deze CSS eigenschap gebruiken heeft geen resultaat in IE6, maar er bestaat een fix.

Voor moderne browsers

HTML

<div id="fixed">DIV in position: fixed;</div>

CSS

#fixed {
position: fixed;
left: 0;
top: 0;
width: 100%;
padding: 10px;
background: gray;
}

Voor Internet Explorer 6

HTML

<div id="fixed">DIV in position: fixed;</div>

CSS

<!--[if lte IE 6]>
<style type="text/css" media="screen">
#fixed {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + this.offsetHeight - this.offsetHeight);
}
</style>
<![endif]-->

Gerelateerde Snippets

1 Reactie op "Position : fixed in MSIE6"

Bart

November 23rd, 2009 at 16:29

1

Waarom wordt position fixed nog gebruikt?

Dit is cross-browser totaal niet slim. Als je met position werkt is het altijd slimmer om met de combinatie relative en absolute te werken, dit werkt cross-browser en hoef je geen fix toe te passen… hoe minder fixes hoe beter!

Reactie formulier


Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.