---
title: "Div ska alltid ligga överst på sidan"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/170809-div-ska-alltid-ligga-överst-på-sidan"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "silfver"
published: "2008-04-15T18:18:29.000Z"
updated: "2008-04-15T18:33:15.000Z"
replies: 2
views: 423
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/170809-div-ska-alltid-ligga-överst-på-sidan"
---

# Div ska alltid ligga överst på sidan

## #1 — silfver, 2008-04-15T18:18Z

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?

Permalänk: https://www.webforum.nu/p/170809

## #2 — colione, 2008-04-15T18:25Z

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>

Permalänk: https://www.webforum.nu/p/2101170

## #3 — silfver, 2008-04-15T18:33Z

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...

Permalänk: https://www.webforum.nu/p/2101173

---

Tråden på webben: https://www.webforum.nu/amne/html-css/170809-div-ska-alltid-ligga-överst-på-sidan