---
title: "Menyn ska vara stilla i css"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/73328-menyn-ska-vara-stilla-i-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Yoda"
published: "2003-04-06T17:21:41.000Z"
updated: "2003-04-06T23:06:17.000Z"
replies: 15
views: 864
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/73328-menyn-ska-vara-stilla-i-css"
---

# Menyn ska vara stilla i css

## #1 — Yoda, 2003-04-06T17:21Z

Jag har delat upp min sida i en meny: div.menu och en annan del: div.midle. 

Jag vill inte att menyn ska rulla med när jag skrollar på sidan, hur skriver jag det?

Alltså, när midle blir så lång att det blir en skrollist vill jag att meyn ska ligga stilla.

Någon som vet?

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

## #2 — Jesper T, 2003-04-06T17:32Z

Är inte 100 på vad du menar, men i I.E så måste det till ett javascript för det. <https://www.Jojoxx.net> har ett sådant.

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

## #3 — Yoda, 2003-04-06T17:41Z

Njäää, jag hittade inte riktigt vad jag vill där...

Alltså, min meny ligger till vänster i fönstret. Jag har delat upp fönstret i två delar i div-taggar, lager. När texten i midle (alltså inte menydiven) blir så lång att jag måste skrolla så skrollas meny också, alltså den åker upp med skrollningen. Det vill jag inte.

Har man skrollat ner en bit så ser man ju inte längre menyn och det är inte så bra tycker jag. Kan jag på något sätt få menyn att vara stilla medans jag skrollar??

E du med? :)

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

## #4 — dr_damir, 2003-04-06T17:51Z

Skicka gärna koden och en länk till sidan så förstår vi lättare vad du menar....
tack

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

## #5 — Jesper T, 2003-04-06T18:02Z

Du menar inte en såndan [här?](http://www.javascript.nu/javascript/dhtml/vatten.shtml) (Högra nedre hörnet)

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

## #6 — Yoda, 2003-04-06T18:22Z

Lite kod

Njä, inte riktigt så jag menar men det närmar sig. :)

Okej, här ligger sidan: [sida](http://web55.aleborg.info/) 

Testa att skrolla så ser ni att menyn till vänster hänger med, och det är det jag inte vill.

Koden i css ser ut så här:

```
div.midle
{
	position: absolute;
	top: 0px;
	left: 165px;
	width: 630px;
	padding: 15px;
}
```

 

och

```
div.menu
{
	position: absolute;
	top: 100px;
	left: 0px;
	width: 140px;
	height: 500px;
	padding: 10px;
	font-weight: bold;
}
```

 

Behöver ni någon mer kod?

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

## #7 — elvelind, 2003-04-06T18:30Z

kolla in:
<http://tom.me.uk/2002/5/ie-position-fixed.html>

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

## #8 — Patrik81, 2003-04-06T20:09Z

Rätt säker på att jag läste och hittade denna koden på <https://www.alistapart.com>

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
	<title>no frames</title>
	<style type="text/css">
		html, body {
			margin: 0;
			padding: 0;
			height: 100%;
			overflow-y: hidden;
			background: #cce;
			font: 11px/1.5em verdana, sans-serif;
			}
		#container {
			z-index: 0;
			height: 100%;
			width: 100%;
			overflow: auto;
			}
		#content {
			margin: 40px 40px 40px 250px;
			border: 1px solid white;
			background: #779;
			color: #eee;
			padding: 20px;
			} 		
		#fixed {
			z-index: 3;
			border: 1px solid white;
			background: #55a;
			color: white;
			font-weight: bold;
			position: absolute;
			top: 40px;
			left: 40px;
			width: 180px;
			padding: 10px;
			}
		h3 {
			font-size: 16px;
			line-height: 1.2em;
			} 		
	</style>
</head>

<body>

<div id="fixed">
	<h3>look, ma, no frames!</h3>
	test test<br />
	test test<br />
	test test<br />
	test test<br />
	test test<br />
</div>

<div id="container">
	<div id="content">
	asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> 
	asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> 
	asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br /> asdf<br />a 
	</div>
	<br />
</div>

</body>

</html>
```

Det är väl något sådant du vill uppnå misstänker jag?

MVH Patrik

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

## #9 — Yoda, 2003-04-06T20:24Z

Japp, perfekt!! Tusen tack!!!

Precis så jag vill ha det! Fast jag förstår inte riktigt vad det är som gör själva menyn är stilla och bara det andra rullar....
Sen ser jag inte skillnaden mellan class och id, är det någon skillnad??
Finns det någon sida där man kan hitta alla atribut (eller vad det heter) som man kan skriva i en css så man kan leta??

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

## #10 — Jesper T, 2003-04-06T20:38Z

Visst:
<http://www.devguru.com/Technologies/css/quickref/css_index.html>

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

## #11 — Yoda, 2003-04-06T20:50Z

Perfekt!
Tack för all hjälp - ni e bäst!
webForum e bäst!!! 

 :e

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

## #12 — Jesper T, 2003-04-06T20:51Z

Patrik81,elvelind :Tufft att det går att göra! Är det crossbrowser?

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

## #13 — elvelind, 2003-04-06T21:10Z

> **Jesper T skrev:**
>
> Patrik81,elvelind :Tufft att det går att göra! Är det crossbrowser?

den länken jag befogade ska iallafall fungera på ie 5.5 + och mozilla. har inte haft tillfälle att göra någon rejäl browser check ännu.

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

## #14 — Jesper T, 2003-04-06T21:24Z

Har testat i Mozilla 1.2.1, funkar bra.
Någon som har möjlighet kanske kan kolla lite i någon annan browser?

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

## #15 — elvelind, 2003-04-06T23:01Z

Fungerar utmärkt i Opera 7.03 med.

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

## #16 — Nexus86, 2003-04-06T23:06Z

I IE 5.0 med

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/73328-menyn-ska-vara-stilla-i-css
