---
title: "bygga med flera divar + radbyte i en"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/182107-bygga-med-flera-divar-radbyte-i-en"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Biasse"
published: "2010-01-21T14:44:24.000Z"
updated: "2010-01-21T15:38:50.000Z"
replies: 3
views: 664
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/182107-bygga-med-flera-divar-radbyte-i-en"
---

# bygga med flera divar + radbyte i en

## #1 — Biasse, 2010-01-21T14:44Z

Jag vill ha 5st divar i rad och om jag gör ett radbyte i en så får jag dubbla höjden på den. Hur skapar man divar i rad som inte ändrar höjden i en bara för att man gör ett radbyte? Vill bara bestämma höjden på divarna och ändå kunna skriva på fler rader i 2 av dom.

```
<html>
<head>
<style>
div#test
{
	color: #555555;
	font: 10px verdana;
	line-height: 25px;
	padding-left: 8px;
	padding-right: 8px;
	font-weight : normal;
	float: left;
}
</style>
</head>

<body>

<div id="test" style="width: 100px">text</div>
<div id="test" style="width: 100px">text<br>text</div>
<div id="test" style="width: 100px">text</div>
<div id="test" style="width: 100px">text</div>
<div id="test" style="width: 100px">text</div>
<div style="clear: both;"></div>

</body>
</html>
```

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

## #2 — voigtann1, 2010-01-21T14:47Z

sätt en bestämd höjd på dom och kör en overflow hidden, eller overflow: auto om du nu vill ha en scroll i dom. Sen bör du nog kolla över din HTML struktur, ett ID är unikt, byt ut det till en klass.

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

## #3 — Biasse, 2010-01-21T15:36Z

Fick det att se rätt ut så här. Är det galet att använda det?

```
<html>
<head>
<style>
div#test
{
	border: #000000 1px solid;
	background-color: #ffffff;
	color: #555555;
	font: 9px verdana;
	height: 30px;
	padding-left: 8px;
	padding-right: 8px;
	font-weight : normal;
	float: left;
}
</style>
</head>

<body>

<div id="test" style="width: 50px; line-height: 3em">text</div>
<div id="test" style="width: 400px">text<br>text</div>
<div id="test" style="width: 50px; line-height: 3em">text</div>
<div id="test" style="width: 50px; line-height: 3em">text</div>
<div id="test" style="width: 150px">text<br>text</div>
<div style="clear: both;"></div>

</body>
</html>
```

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

## #4 — voigtann1, 2010-01-21T15:38Z

Ja, det är galet att använda inline-style anser jag, ge dig en massa extra jobb i framtiden och ett id ÄR unikt.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/182107-bygga-med-flera-divar-radbyte-i-en
