---
title: "Ofriviligt indrag"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/110302-ofriviligt-indrag"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Viktor"
published: "2004-08-29T08:40:37.000Z"
updated: "2004-09-11T19:12:43.000Z"
replies: 4
views: 405
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/110302-ofriviligt-indrag"
---

# Ofriviligt indrag

## #1 — Viktor, 2004-08-29T08:40Z

Försöker göra en ny design till min hemsida men jag får hela tiden ett ofriviligt indrag av bröd texten där menyn är. Den bifogade bilden visar hur det ser ut och där ser man indraget som blir just där menyn är.

EDIT: Problemet finns bara i IE, inte Firefox.

CSS

```
/* Menu */

#menu
{
	margin-top:6em;
	width:10em;
	float: left;
	background-color:#f0f0f0;
	border-top:1px #a0a0a0 solid;
	border-bottom:1px #a0a0a0 solid;
	border-left:1px #a0a0a0 solid;
	border-right:1px #a0a0a0 solid;
	padding-bottom: 2px;
	padding-left:2px;
}

/* Main section */

#main
{
	margin-left:11em;
	position: relative;
}
```

HTML

```
<body>
	<div id="top">
		VG Software
	</div>
	<div id="menu">
		Menu<br/>
		<a href="kalle">Kalle</a>
	</div>
	<div id="main">
		&nbsp;
		<h3>window</h3>
		<p>
			Fönstrets namn: <span id="v11"></span><br/>
			Fönstrets default status-meddelande: <span id="v12"></span><br/>
			Fönstrets status-meddelande: <span id="v13"></span><br/>
			Fönstrets öppnare: <span id="v14"></span><br/>
			Fönstrets förälder: <span id="v15"></span><br/>
			Fönstrets topnivå förälder: <span id="v16"></span><br/>
			Fönstret är stängt?: <span id="v17"></span><br/>
		</p>
	</div>
</body>
```

/Viktor

Bilagor:

- [resultat.png](https://www.webforum.nu/a/4434.png)

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

## #2 — jarvklo, 2004-08-29T18:17Z

Ser ut som om din meny uppfattas som bredare än du tänkt dig... (ett float:at block flyttar på texten sådär om den råkar hamna "över" ett textblock)

Otestad idé #1: Sätt alla marginaler och paddings som du inte använder till noll expicit (dvs lita inte på  att de är noll som default!) - t.ex. margin-right: på menyn (m.fl.)

Otestad idé #2: Prova med margin-left: 12em på #main - om du kan leva med det mellanrummet...

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

## #3 — Viktor, 2004-09-01T13:31Z

Inget av alternativen hjälper tyvärr. Jag kan flytta main hur långt som hellst utan att det påvärkar marginalen :(

/Viktor

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

## #4 — Arcsin, 2004-09-01T13:51Z

```
body {margin: 0px;}
```

 
borde fixa biffen.

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

## #5 — Viktor, 2004-09-11T19:12Z

Har lyckats lösa det nu bara genom att ändra till

```
position: absolute;
```

i main.

/Viktor

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/110302-ofriviligt-indrag
