---
title: "Align + Widthproblem med divar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/132105-align-widthproblem-med-divar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "MickeA.com"
published: "2005-08-01T09:50:34.000Z"
updated: "2005-08-01T14:48:12.000Z"
replies: 6
views: 306
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/132105-align-widthproblem-med-divar"
---

# Align + Widthproblem med divar

## #1 — MickeA.com, 2005-08-01T09:50Z

Tja!
Med följande kod **bör** jag uppnå det jag vill, att få en div ligga överst, med två stycken olika stora under, men totalt få samma bredd på de två undre som på den övre.

Problemet är att anger jag den bredd det **ska** vara för att det ska gå ihop, får jag en oönskad radbrytning, vad kan det bero på?

Har försökt med flera olika saker, men får hur jag än gör ca 3px för liten bredd på den nedre högra.

Här är min kod:

```
<html>
<head>
<title></title>
<style type="text/css">
body
{
	text-align:	center;
}
#container
{
	padding:	0px;
	width:		750px;
	border:		1px #000 solid;
	margin-left:	auto;
	margin-right:	auto;

}
#pTop
{
	width:		750px;
	height:		300px;
	border:		1px #000 dashed;
}
#pLeft
{
	width:		145px;
	height:		200px;
	border:		1px #000 dashed;
	margin-top:	5px;
	margin-left:	0px;
	margin-right:	5px;
	float:		left;
}
#pRight
{
	width:		600px;
	height:		200px;
	border:		1px #000 dashed;
	margin-top:	5px;
	margin-left:	0px;
	margin-right:	0px;
	float:		left;
}
</style>
</head>
<body>
<div id="container">
	<div id="pTop"></div>
	<div id="pLeft"></div>
	<div id="pRight"></div>
</div>
</body>
</html>
```

Tack sålänge!

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

## #2 — silfver, 2005-08-01T09:56Z

Det första jag tänker på när jag ser din kod är doctype. Varför har du ingen sån? Det kanske inte är lösningen på ditt problem, men pröva att använda en.

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

## #3 — icaaq, 2005-08-01T10:33Z

Valid doctypes:
<http://www.w3.org/QA/2002/04/valid-dtd-list.html>

Jag hade nog brukat:

```
[red]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[/red]
```

eller

```
[red]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[/red]
```

mv icaaq

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

## #4 — MickeA.com, 2005-08-01T12:55Z

Hmm, jo, vet att den saknas, det är med flit, eftersom koden ovan bara är "det viktigaste" av min eg. kod, som finns hemma.

Dock återstår problemet, att det är ngt som tar upp 4-6pixlar, som inte finns med i koden eller som inte syns, eftersom jag får den här oänskade radbrytningen jag inte vill ha.

Fler tips?

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

## #5 — icaaq, 2005-08-01T13:09Z

Händer det i alla webbläsare?

mv icaaq

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

## #6 — icaaq, 2005-08-01T13:17Z

Om du kollar in <http://tantek.com/CSS/Examples/boxmodelhack.html> så kommer du inse att vidden av dina två undre divar blir 749 och den övre diven blir 752

övre diven:

```
border +witdh + border = total
1px + 750px + 1px = 752px
```

undre diven

```
border + width + border + border + width + border = total
1px + 145px + 1px + 1px + 600px + 1px = 749px
```

mv icaaq

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

## #7 — MickeA.com, 2005-08-01T14:48Z

Tack för hjälpen, jag hade redan räknat med bredden på mina fyra borders, det jag hade glömt var *padding-right: 5px;* på den vänstra diven.

Tack Tack!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/132105-align-widthproblem-med-divar
