---
title: "Bestämd position"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/124409-bestämd-position"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Pumba"
published: "2005-03-15T13:47:12.000Z"
updated: "2005-03-16T18:42:16.000Z"
replies: 14
views: 609
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/124409-bestämd-position"
---

# Bestämd position

## #1 — Pumba, 2005-03-15T13:47Z

Hej är ganska ny med det här med css,. jag skulle vilja få en box att börja 84pixlar från vänster sida och sedan sluta 642pixlar åt höger, hur löser man detta på bästa sätt? och hur bestämmet man i vilken höjd den ska ligga i?

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

## #2 — silfver, 2005-03-15T14:13Z

Så här kanske? :) 

```
CSS:
div.lager {
	position: absolute;
	left: 84px;
	top: 0;
	width: 558px;
}

HTML:
<div class="lager"><p>text</p></div>
```

**r\\** Glöm inte att du måste sätta *body, html {margin: 0; padding: 0;}* också, annars kommer den ha olika placering i olika läsare.

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

## #3 — Pumba, 2005-03-15T14:31Z

jo det fungerade, tack! men nu till nästa problem, varför fungerar inte detta?

div.logo {
	position: absolute;
	left: 84px;
	top: 0
                height: 186px;
	width: 642px;
background: url(bilder/logo.jpg) no-repeat;
}

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

## #4 — dectgap, 2005-03-15T14:33Z

Du har missat ett semikolon efter *top: 0*.
Om du hade prövat att validera koden hade felet upptäckts direkt.

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

## #5 — m_soderlund, 2005-03-15T15:02Z

<http://validator.w3.org/> :)

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

## #6 — Pumba, 2005-03-15T18:36Z

Tackar! vad menas med följande fel kod?

Line: 13 Context : div.meny 
Invalid number : top only 0 can be a length. You must put an unit after your number : 161 

Line: 19 Context : div.sok 
Invalid number : top only 0 can be a length. You must put an unit after your number : 161 

Line: 26 Context : div.lager 
Invalid number : top only 0 can be a length. You must put an unit after your number : 186 

div.logo {
	position: absolute;
	left: 83px;
	top: 0;
                height: 186px;
	width: 642px;
background: url('bilder/logo.jpg') no-repeat;
}

div.meny {
	position: absolute;
	left: 84px;
	top: 161;
	width: 642px;
}
div.sok {
	position: absolute;
	left: 450px;
	top: 161;
	width: 300px;
}

div.lager {
	position: absolute;
	left: 84px;
	top: 186;
	width: 642px;
}

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

## #7 — zcorpan, 2005-03-15T20:20Z

Du måste sätta "px" efter varje värde, förutom på 0 där det inte behövs. (0px == 0em == 0% == 0in == 0)

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

## #8 — Pumba, 2005-03-16T10:08Z

hur kunde jag missa det? :D

> **silfver skrev:**
>
> HTML:
> \<div class="lager"\>\<p\>text\</p\>\</div\>**r\\** Glöm inte att du måste sätta *body, html {margin: 0; padding: 0;}* också, annars kommer den ha olika placering i olika läsare.

Vad menar han med att lägga in body, html {margin: 0; padding: 0;}\[/. Menar han i html koden eller i css dokumentet?

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

## #9 — m_soderlund, 2005-03-16T10:12Z

CSS-filen. :)

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

## #10 — Pumba, 2005-03-16T10:25Z

du menar att det bara är att lägga in BODY {margin: 0; padding: 0;}  i css filen? när jag öppnar sidan i IE så visas allt korrekt, men när jag visar den i fiefox så blir allt nerskjutet några pixlar

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

## #11 — Insider, 2005-03-16T12:34Z

Skriv såhär:

```
html, body {margin:0;padding:0;}
```

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

## #12 — Pumba, 2005-03-16T15:37Z

Det fungerar fin fint i IE, men i firefox så hamnar all text några pixlar nedåt, nån som vet varför? 

\<html\>

\<head\>
\<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"\>
\<title\>text\</title\>
\<link rel="stylesheet" href="style.css"\>
\</head\>

\<body background="bilder/bg.jpg"\>
\<div class="logo"\>\</div\>
\<div class="meny"\>\<p\>\<A href="index.php"\>Startsidan\</A\> - \<A href="addurl.php"\>Lägg till länk\</A\> - 
\<A href="addcat.php"\>Lägg till huvudkategori\</A\>\</p\>\</div\>
\<div class="sok"\>\<p\>\<form method="POST" action="sok.php"\>
Sök :
\<input type="text" name="sok" size="20" style="border-style: solid; border-width: 1; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1"\>
\<input type="submit" value="Sök" name="Sok" style="font-size: 8pt; border-style: solid; border-width: 1; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1"\>
\</form\>\</p\>\</div\>
\<div class="lager"\>\<p\>text\</p\>\</div\>
\</body\>

\</html\>

html, body {margin:0;padding:0;}

div.logo {
	position: absolute;
	left: 83px;
	top: 0;
        height: 186px;
	width: 642px;
background: url(bilder/logo.jpg) no-repeat;
}

div.meny {
	position: absolute;
	left: 84px;
	top: 161px;
	width: 642px;
}
div.sok {
	position: absolute;
	left: 450px;
	top: 161px;
	width: 300px;
}

div.lager {
	position: absolute;
	left: 84px;
	top: 186px;
	width: 642px;
}

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

## #13 — Insider, 2005-03-16T15:42Z

Det är pga marginalen i ditt textstycke. Dy default har IE och FF olika värden, eftersom du inte har satt nåt värde.

```
div.meny p {margin-top:0}
```

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

## #14 — Pumba, 2005-03-16T17:55Z

blir samma fel med:

div.meny {
	position: absolute;
	left: 84px;
	top: 161px;
	width: 642px;
div.meny p {margin-top:0}

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

## #15 — Insider, 2005-03-16T18:42Z

Du hade glömt en måsvinge:

```
div.meny {
position: absolute;
left: 84px;
top: 161px;
width: 642px;[b]}[/b]
div.meny p {margin-top:0}
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/124409-bestämd-position