---
title: "Placering av div:ar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/148876-placering-av-div-ar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "learn"
published: "2006-07-09T22:46:12.000Z"
updated: "2006-07-14T19:54:04.000Z"
replies: 10
views: 603
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/148876-placering-av-div-ar"
---

# Placering av div:ar

## #1 — learn, 2006-07-09T22:46Z

Lyckas inte åstadkomma detta (se bifogad bild). Kan ngn hjälpa mig?? Tack!

Red: Divarna ska alltså ligga samlade tillsammans i mitten, centrerade.

Bilagor:

- [divor.gif](https://www.webforum.nu/a/11329.gif)

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

## #2 — webbSAJTEN, 2006-07-09T22:50Z

Finns ingen bifogad fil, eller? ;)

Edit: Den dök upp efter att jag hade skickat inlägget :(

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

## #3 — learn, 2006-07-10T08:35Z

Jag får det verkligen inte att se ut som jag vill...! Någon som vill hjälpa mig?

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

## #4 — learn, 2006-07-10T13:10Z

Anyone? :)

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

## #5 — Okkido, 2006-07-10T13:19Z

```
<div id="wrap">
	<div id="container">
		<div id="div3"></div>
		<div id="div4"></div>
		<br style="clear:both;" />
	</div>
	<div id="div2"></div>
	<br style="clear:both;" />
</div>
```

```
#wrap {width:500px;}
#container {width:300px; float:left;}
#div2 {width:200px; float:left;}
#div3 {width:50%; float:left;}
#div4 {width:50%; float:left;}
```

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

## #6 — learn, 2006-07-10T13:29Z

Tack, men det kniviga är ju detta:

> **learn skrev:**
>
> Red: Divarna ska alltså ligga samlade tillsammans i mitten, centrerade på sidan.

Alltså "wrap" i detta fall.

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

## #7 — Okkido, 2006-07-10T13:39Z

margin: 0 auto;

Har du inte en fast höjd på #wrap som alltid är samma blir det jävligt knivigt att lösa det. Annars får du köra position: absolute; och sätta det till 50% och margin-left -XXXpx där XXX är halva höjden och bredden.

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

## #8 — echoSwe, 2006-07-10T13:59Z

Vet man inte höjden som Okkido antar så
<http://www.jakpsatweb.cz/css/css-vertical-center-solution.html>

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

## #9 — learn, 2006-07-10T22:35Z

Nu menar jag horisontellt centrerat, och bredden vet jag. Problemet med att sätta "left:50%" och sedan "margin-left: -\[halva bredden\]" är att sidans vänstra del försvinner när jag förminskar fönstrets storlek/har låg upplösning. (Den vänstra delen av sidan är den väsentligaste).

Hmm, hur göra..?

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

## #10 — SoMeOnE, 2006-07-14T12:47Z

Det här bore göra susen ifall jag förstod ditt problem rätt.
\#wrap {
	width:500px;
	margin-left: auto;
	margin-right: auto;
}

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

## #11 — echoSwe, 2006-07-14T19:54Z

learn: som jag skrev i mitt inlägg.
someone: det ska även vara vertikalt centrerat! Återigen, se mitt inlägg.
F.ö är det kanske snyggare att skriva såhär:

```
#h { width: 500px; margin: 0 auto; }
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/148876-placering-av-div-ar