---
title: "Problem med DIVar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/117811-problem-med-divar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "lillebror"
published: "2004-12-11T16:10:38.000Z"
updated: "2004-12-12T14:44:50.000Z"
replies: 6
views: 519
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/117811-problem-med-divar"
---

# Problem med DIVar

## #1 — lillebror, 2004-12-11T16:10Z

Jag har en DIV där jag har mitt innehåll i. I denna DIV har jag ytterligare två DIVar som jag har placerade som två kolumner bredvid varandra. Nu får jag inte till placeringen av den högra (röd i bifogade bilden). Den röda placeras fel vertikalt med ca 50 pixlar för lågt. Några förslag på hur man löser detta?

HTML:

```
<div id="content">
			<div id="content_inline_left">
				<p class="heading1">Rubrik</p>
				<p class="breadtext">Test</p>
			</div>
			<div id="content_inline_right">
				<p class="heading1">Bilder</p>
			</div>
		</div>
```

CSS:

```
#content
{
	position: relative;
	top: 3px;
	left: 1px;
	width: 770px;
	height: 600px;
	border: #FFFFFF outset 1px;
	background-color: #D0D0D0;
	padding: 20px 5px 5px 10px;
}

#content_inline_left
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 520px;
	height: auto;
	border: #000000 dashed 1px;
	background-color: #D0D0D0;
	padding: 0px 10px 0px 0px;
}

#content_inline_right
{
	position: relative;
	top: 0px;
	left: 540px;
	width: 100px;
	height: auto;
	border: #000000 dashed 0px;
	background-color: #FF0000;
	padding: 0px 0px 0px 0px;
}
```

Bilagor:

- [div.jpg](https://www.webforum.nu/a/5086.jpg)

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

## #2 — tompe, 2004-12-11T16:25Z

Lägg in float:left; så borde det funka...

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

## #3 — lillebror, 2004-12-11T16:39Z

I vilken av Divarna, den högra eller vänstra? :)

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

## #4 — icaaq, 2004-12-11T17:39Z

Båda

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

## #5 — Cheguelin, 2004-12-11T20:38Z

Alltså, släng in typ position: absolute; i båda divarna. den vänstra placerar du på left: 0; och top: 0;, och den andra på right: 0; och top: 0;

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

## #6 — Hennke, 2004-12-12T11:00Z

Utan att veta dina planer så tror jag att absolut positionering som föreslogs ovan skulle ställa till ifall du skulle välja att bygga vidare på sidan. Speciellt om du skulle välja att använda dynamiska bredder på kolumnerna, därför är nog lättast att bara sätta

\#content_inline_left {
float: left;
}

På så sätt så kommer den placerar så långt åt vänster som content-divven tillåter, samt att den högra tillåts placeras bredvid den vänstra ifall det finns utrymme (vilket finns på din skiss).

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

## #7 — lillebror, 2004-12-12T14:44Z

Tack för svaret. Det fungerade bra när jag gjorde som du sa! :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/117811-problem-med-divar