---
title: "strul med box-shadow"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/182401-strul-med-box-shadow"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "mikaelsooh"
published: "2010-02-11T15:18:20.000Z"
updated: "2010-02-11T15:18:20.000Z"
replies: 0
views: 439
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/182401-strul-med-box-shadow"
---

# strul med box-shadow

## #1 — mikaelsooh, 2010-02-11T15:18Z

Sitter och fnular på en sida där två olika divar är tänkta att ha en box-shadow. 

Divarna ligger efter varandra och skuggan från den övre boxen hamnar över den undre boxen. Hade hoppats att z-index hade kunnat fixa detta så att det sett ut som att båda boxarna var en. Någon som kan hjälpa mig med en lösning?

index.php:

```
<div id="container">
	<div id="header"> <jdoc:include type="modules" "name="header"/></div>	
	<div id="menu"> <ul class="menu"><jdoc:include type="modules" "name="menu" /></ul></div>
	<div id="content" class="float"> <jdoc:include type="component" /></div>
 	<div id="sidebar_right" class="float"> <jdoc:include type="modules" name="right" /></div>
 </div>
 <div id="footer" class="clear"> <jdoc:include type="modules" name="footer" /></div>
```

template.css

```

#container { 
	Align: Left; 
	width:960px; 
	margin: 10px auto auto; 
	text-align: left; 
	width: 1024px; height: 600px; 
	float: left; 
	border-top: 1px solid #d5d6d7; 
	border-right: 1px solid #d5d6d7;  
	-moz-box-shadow:1px 1px 1px 0px#888; 
	box-shadow: 8px 8px 15px #888; 
}
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/182401-strul-med-box-shadow