---
title: "Layout med överlappande sidebar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/116307-layout-med-överlappande-sidebar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "shun"
published: "2004-11-20T13:24:37.000Z"
updated: "2004-11-21T15:25:14.000Z"
replies: 6
views: 361
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/116307-layout-med-överlappande-sidebar"
---

# Layout med överlappande sidebar

## #1 — shun, 2004-11-20T13:24Z

Hur gör jag för att få en div att överlappa en annan? (Meny på den bifogade bilden.) Klantar bara till det med negativa marginaler och absolut position (som jag antar att man ska använda sig av..

Bilagor:

- [1.gif](https://www.webforum.nu/a/4992.gif)

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

## #2 — icaaq, 2004-11-20T14:14Z

ett sätt
<http://member.webforum.nu/1029/shun.htm>

mv icaaq

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

## #3 — shun, 2004-11-20T15:47Z

Hur fixar man dit mellanrum mellan texten i main och menyn då? Testade ändra padding, men menyn går ändå 30px in.

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

## #4 — Alpha II, 2004-11-20T15:49Z

padding-right: 80px;

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

## #5 — shun, 2004-11-20T17:03Z

Om jag vill få en högerkant som anpassar sig (har samma padding på högersidan) antingen efter menyns vänsterkant eller efter mains högerkant (efter att menyn tagit slut). Se bild.

Bilagor:

- [1.gif](https://www.webforum.nu/a/4993.gif)

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

## #6 — dectgap, 2004-11-20T19:58Z

Ett sätt att lösa det:

```
<style type="text/css">
#content {
	width: 200px;
	border: solid red;
	color: #003399;
	font-style: italic;
}

#content h2 {
	padding: 0 20px
}

#content p {
	padding: 20px;
}

p#meny { /* p:et här är viktigt */
	position: relative;
	float: right;
	width: 40px;
	height: 120px;
	margin-left: -20px;
	left: 30px;
	padding: 10px;
	background: white;
	border: solid red;
}
</style>

...

<div id="content">
<h2>innehåll</h2>

<p id="meny">meny</p>

<p>aa aa aa aa aa aa aa aa aa
   aa aa aa aa aa aa aa aa aa
   aa aa aa aa aa aa aa aa aa
   aa aa aa aa aa aa aa aa aa
   aa aa aa aa aa aa aa aa aa
   aa aa aa aa aa aa aa aa aa
   aa aa aa aa aa aa aa aa aa
   aa aa aa aa aa aa aa aa aa</p>
```

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

## #7 — shun, 2004-11-21T15:25Z

Tack! Den fungerade bra. Vill man lägga till flera "menyer" är det bara att ändra id till klass och lägga till clear:right och en marginal i y-led.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/116307-layout-med-överlappande-sidebar