---
title: "två boxar jämte varandra?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/187694-två-boxar-jämte-varandra"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "evilaid"
published: "2011-09-01T19:32:50.000Z"
updated: "2011-09-01T19:59:19.000Z"
replies: 1
views: 542
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/187694-två-boxar-jämte-varandra"
---

# två boxar jämte varandra?

## #1 — evilaid, 2011-09-01T19:32Z

Hej

Vad jag vill få till är två divar som ligger jämte varandra där den vänstra ska vara 800px och den högra ska vara 200px, men jag vill inte att den högra ska hamna under den andra om bredden inte räcker till. Går det förhindra den radbrytningen som sker?

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

## #2 — Danne V, 2011-09-01T19:59Z

Höjden kan du ändra som du vill:

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--

#wrapper {
width: 900px;
}

#box1 {
background: #3CF;
height: 400px;
width: 800px;
float:left;
}

#box2 {
background: #F63;
height: 400px;
margin-left:800px;
}
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="box1"></div>
<div id="box2"></div>
</div>

</body>
</html>
```

Den vänstra är alltid 800px bred. Den högra blir det som blir över när du t.ex. ändrar wrapper.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/187694-två-boxar-jämte-varandra
