---
title: "problem med boxar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/181711-problem-med-boxar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Emil W"
published: "2009-12-19T16:36:49.000Z"
updated: "2009-12-20T18:05:24.000Z"
replies: 4
views: 505
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/181711-problem-med-boxar"
---

# problem med boxar

## #1 — Emil W, 2009-12-19T16:36Z

Har problem med en box

titta på bifogad bild

om man skriver lång text i mitten 

så blir där det står navigering blir lång jag vill att den boxen ska vara liten ska vara liten 

här är css-koden

```
body{
background:#DCDCDC;
}
#ram{
border:1px solid #000000;
width:700;
margin-left:150px;

}
.topp{
background:#FFFFFF;
padding:3px;
height:63px;
}
.mitten{
background:#FFCCFF;
padding:3px;
width:538px;
margin-left:156px;
float:left;
}
.meny{background:#FFFFFF; width:150px; padding:3px; text-align:center;}
.menyn{background:#0099CC; padding:3px; color:#FFFFFF; font-weight:bold; text-align:center;}
```

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

## #2 — joser, 2009-12-20T15:00Z

Posta din html också. 

Css utan html gör det onödigt svårt att ge en fungerande lösning eftersom svaret skulle behöva täcka flera varianter.

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

## #3 — Emil W, 2009-12-20T15:35Z

```
<html>
<head>
<link href="gastbok_mall.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="ram">
<div class="topp">
<img src="logo_annonstorg.png">
</div>
<div class="mitten">
Får inte att felet att funka !
<br>
<br>
<br>
<br>
<br>
Test
</div>
<div class="meny">
<div class="menyn">
Navigering
</div>
<?php
$server = "**********";
$user = "**********";
$pass = "*******************";

$con = @mysql_connect($server,$user,$pass);
if(!$con)
{
die('fel' . mysql_error());
}
mysql_select_db("***************", $con) or die('Databas fel ' . mysql_error());

$kor = "SELECT namn,lanken FROM lankar";
$visa = mysql_query($kor);
while($row = mysql_fetch_array($visa))
{
echo "<a href=".htmlspecialchars($row['lanken']).">".htmlspecialchars($row['namn'])."</a><br>";
}
?>
</div>
</div>

</body>
</html>
```

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

## #4 — joser, 2009-12-20T16:23Z

Du har två lösningar.

Ge både mitten och meny float:right och ta bort vänstermarginalen från "mitten".

```
.mitten {
	background: #FFCCFF;
	padding: 3px;
	width: 538px;
	float: right;
}
.meny {
	background: #FFFFFF;
	width: 150px;
	padding: 3px;
	text-align: center;
	float: right;
}
.menyn {
	background: #0099CC;
	padding: 3px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
```

Eller skifta plats för meny och mitten och ge bara meny float:left och låt mitten behålla vänstermarginalen. Då kan du ta bort bredden och låta mitten ta den bredd som blir över.

```
<div id="ram">

	<div class="topp">
		<img src="logo_annonstorg.png">
	</div>

	<div class="meny">
		<div class="menyn">
			Navigering
		</div>
	</div>

	<div class="mitten">
		Får inte att felet att funka !
		<br>
		<br>
		<br>
		<br>
		<br>
		Test
	</div>

</div>
```

```
.meny {
	background: #FFFFFF;
	width: 150px;
	padding: 3px;
	text-align: center;
	float: left;
}
.menyn {
	background: #0099CC;
	padding: 3px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
.mitten {
	background: #FFCCFF;
	padding: 3px;
	margin-left: 156px;
}
```

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

## #5 — Emil W, 2009-12-20T18:05Z

Tack för hjälpen

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

---

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