---
title: "top och bottom i IE?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/88818-top-och-bottom-i-ie"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Nexus86"
published: "2003-10-18T01:05:37.000Z"
updated: "2003-10-18T16:33:56.000Z"
replies: 6
views: 278
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/88818-top-och-bottom-i-ie"
---

# top och bottom i IE?

## #1 — Nexus86, 2003-10-18T01:05Z

Jag har märkt att man inte kan använda både top och bottom på en div i IE. Jag använder nedanstående kod men det vill inte fungera. Jag får bara en liten div uppe i hörnet. :l

Finns det någon workaround?

```
div.left_menu {
	background-color: #CCCC99;
	bottom: 5px;
	left: 5px;
	position: absolute;
	top: 5px;
	vertical-align: top;
	width: 125px;
}
```

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

## #2 — bossse, 2003-10-18T13:42Z

```
<html> <head>
 <STYLE type="text/css">
.Left_Meny 
{background-color:green; width:30%; height:90%; border:2px solid yellow;
position:absolute; left:10%;top:2%;overflow:auto; font-size:14pt; color:yellow; padding:10px}
</STYLE>
</head>

<body bgcolor=lightblue>
<div class=Left_Meny>Så här positionerar du en div. Har du både <BR> 
top och bottom angiven i din css, så gäller alltid <BR>
den sista angivelsen i koden. <BR>
Med din kod blir alltså positionen left5px och top5px <BR>
Alltså upptill i det vänstra hörnet. <BR>
Skriver man enligt mitt exempel så kommer det automatiskt fram <BR>
en scroll till höger om innehållet ej ryms. <BR>
Dessutom visas detta lika i alla upplösningar tack vare procent-angivelse
</div>
</BODY> 
</HTML>
```

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

## #3 — Peeer, 2003-10-18T14:01Z

bosse \> tror inte det var så nexus menade. Med din kod kan du aldrig få den att slutar precis 5 px från både överkanten och underkanten. Problemet är att nexus kod är korrekt (funger utmärkt i mozilla fb t.ex.), men att IE inte tolkar den rätt. Har samma problem själv, så om någon har en lösning som fungerar båda i IE och FB vore nog både jag och nexus glada :)

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

## #4 — Peeer, 2003-10-18T14:25Z

Har nog hittat en fungerande lösning
<http://archivist.incutio.com/viewlist/css-discuss/31677>
I ditt fall blir det väl något sådant här:

```
#left_menu {
	background-color: #CCCC99;
	bottom: 5px;
	left: 5px;
	position: absolute;
	top: 5px;
	height : expression(document.body.clientHeight - 10);
	overflow : auto;
	vertical-align: top;
	width: 125px;
	z-index:4;
}
```

Den enda nackdelen jag ser är att koden inte validerar, men den fungerar ju, så man kan nog använda den tills IE ser till att fungera korrekt

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

## #5 — Nexus86, 2003-10-18T16:08Z

Tackar! Ska titta på det. Men för att få det att validera rätt (eftersom expression troligtvis är IE-specifikt) kan man ju göra såhär:

```
<style type="text/css">
.left_menu {
	background-color: #CCCC99;
	bottom: 5px;
	left: 5px;
	position: absolute;
	top: 5px;
	vertical-align: top;
	width: 125px;
}
</style>

[b]<!--[if IE]>
<style type="text/css">
.left_menu {
	height : expression(document.body.clientHeight - 10);
}[/b]
</style>
<![endif]-->
```

Ska dock testa detta. :)

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

## #6 — bossse, 2003-10-18T16:29Z

Aha, diven ska sträcka sig från top 5px ned till bottom 5px och ligga 5px från vänsterkanten,
Då blir det så här.

```
<html> 
<head>
 
<STYLE type="text/css">
Body 
{
background-color:blue; 
margin-left:5px; 
margin-top:5px; 
margin-bottom:5px;
}

#left_menu 
{
background-color:green;
width:125px;
height:100%; 
overflow:auto; 
}
</STYLE>

</head>

<body>
<div id=Left_Menu>
</div>
</BODY> 
</HTML>
```

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

## #7 — Nexus86, 2003-10-18T16:33Z

Eftersom jag har position: absolute så fungerar inte det där. Meningen är inte att jag ska ha den 5px från toppen utan 115px och det gör att left_menu går utanför diven som den ligger i eftersom jag som sagt har position: absolute.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/88818-top-och-bottom-i-ie
