2 svar · 414 visningar · startad av silfver
Jag har en div som ligger i översta vänstra hörnet. Den är placerad absolut:
#invert {position: absolute; top: 5px; left: 5px; color: #fff;}
Men jag vill att när man scrollar, så ska den följa med, men ligga på samma ställe. Förstår ni hur jag menar?
Går det lösa med enkel css utan javascript?
position:fixed för alla utom ie.
sen finns det olika lösningar för ie. Bl.a: http://www.howtocreate.co.uk/fixedPosition.html
Tack så mycket för ditt svar, colione!
<style type="text/css">
#sidebar {
/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
position: absolute; left: 5px; top: 5px;
}
body > div#sidebar {
/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
position: fixed;
}
</style>
<!--[if gte IE 5.5]>
<![if lt IE 7]>
<style type="text/css">
div#sidebar {
/* IE5.5+/Win - this is more specific than the IE 5.0 version */
left: expression( ( 5 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 5 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
</style>
<![endif]>
<![endif]-->
<style type="text/css">
#sidebar {position: fixed; top: 5px; left: 5px; color: #fff;}
</style>
Det här borde alltså räcka för att få det att fungera i samtliga läsare, inkl. IE?
Det fungerar bra i senaste Opera, FF och Safari i alla fall. Har ingen möjlighet att pröva IE...