---
title: "div"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/62802-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "kris"
published: "2002-12-21T01:53:18.000Z"
updated: "2002-12-23T11:05:54.000Z"
replies: 5
views: 348
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/62802-div"
---

# div

## #1 — kris, 2002-12-21T01:53Z

tjena!

jag använder följande kod för att centrera en div-tagg:

\#content {
	position: relative;
	margin-top: 0px;
	width: 700px;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	text-align: left;
}

nu är det så att jag vill ha två div-taggar till, en på var sida om content. dessa ska ligga precis kant i kant med ovanstående. lyckas inte riktigt få till det.

/kris

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

## #2 — cyprys, 2002-12-21T11:39Z

Använd en tabell med tre kolumner?

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

## #3 — ZonD, 2002-12-21T12:12Z

får hålla med cyprys. Tycker det verkar lite onödigt att jobba med div taggar.

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

## #4 — kris, 2002-12-22T11:06Z

men tabeller är ju bara till för att presentera data, och jag behöver verkligen göra det med div-taggar.

/kris

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

## #5 — mikkeX, 2002-12-22T12:58Z

kris - du har helt rätt - du bör använda div, och så här kan du göra:

```
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>tre kol. centrerad</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
text-align:center;
}
#container
{
width:700px;
margin-right:auto;
margin-left:auto;
}
#content { 
width: 400px; 
height: 700px; 
background: #fff; 
float: left;
text-align: left; 
border: 1px solid black;
} 
#left
{
width:120px;
float:left;
background:#f00;
border: 1px solid black;
text-align: left; 
}
#right
{
width:120px;
padding:0px;
float:left;
background:#999;
border: 1px solid black;
text-align: left; 
}

</style>
</head>

<body>
<div id="container">
<div id="left">ett</div>
  <div id="content">tv&aring;</div>
<div id="right">tre</div>
</div>
</body>
</html>
```

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

## #6 — kris, 2002-12-23T11:05Z

tackar, fungerade utmärkt!

nu har jag en fråga till oxå, jag har en div-box med text i. även om det inte är så mycket text i den så vill jag att den ska ha en höjd som sträcker sig över hela sidan. någon som har en idé hur jag ska göra?

/kris

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/62802-div
