---
title: "Relativ höjdproblem!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/129757-relativ-höjdproblem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "dr_damir"
published: "2005-06-09T22:56:40.000Z"
updated: "2005-06-10T17:29:26.000Z"
replies: 3
views: 366
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/129757-relativ-höjdproblem"
---

# Relativ höjdproblem!

## #1 — dr_damir, 2005-06-09T22:56Z

Tjena!

Jag sitter och har skrivit en sida som består av en div med två divvar i den.

En är "allt" som divvarna "sidmeny" och "sidmeny2" ligger i.
I Allt har jag sedan en div till som heter Hundra. Hundra har height=100% för att Allt ska vara så stor, när sidan öppnas. Blir sedan innehållet mer än 100% är det tänkt att Allt ska bli större eftersom den har height=auto.
Men detta funkar inte för mig.
Förstår inte vad som är felet.

Skickar med Css:en till de tre divvarna.
Jag har testat att sätta en fixerad height på båda "sidmenyerna", så att de tillsammans blivit mer än 100% av Allt och därför gått utanför Allts kant. Det vill jag inte ska hända utan jag vill helt enkelt att Allt ska bli större om sidmenyerna blir det.

```
#allt{
position: relative;
width: 800px;
margin: auto;
padding: 0;

height: auto;
border: 0px dotted black;
text-align: left;

background-image: url(bilder/svartkant800.gif);
background-repeat: repeat-y;
}

#sidmeny{
position: relative;
float: left;
width: 180px;
height: 400px;

margin-left: 5px;
border: 1px solid red
}

#sidmeny2{
position: relative;
float: left;
clear: left;
width: 180px;
height: 1100px;

margin-left: 5px;
border: 1px solid blue;
}
```

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

## #2 — dr_damir, 2005-06-10T00:03Z

Löste det genom att sätta "Allt" till position: absolute så funkade det, men i IE så flyttades då hela Allt åt vänster. Skumt. Fick lägga in en negativ margin om browsern är IE.
Internet Explorer....hm...sleden!

Tja

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

## #3 — SannyW, 2005-06-10T00:36Z

Om du lägger till en body så får du samma utgångsläge:

```
body {
	margin-top: 0px;
	
	margin-left: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	width: 100%;
	
	height: 100%;
}
```

/r
Det kan även dyka upp problem då du skall fixa positionerna på menyerna.

Kan då ändra:
margin-left: 5px;

Till:
margin: 0px 0px 0px  5px; 
display: inline;

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

## #4 — Guffa, 2005-06-10T17:29Z

Tänk på att vissa webbläsare (Opera) använder padding för sidmarginalen:

```
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/129757-relativ-höjdproblem