nicht angemeldet
Ich möchte in der Mitte der Seite mehrere Boxen haben die links und rechts eine Rahmenlinie haben. Dann würde ich gerne mit css3 einen Schatten hinzufügen der rechts und links davon verläuft also ausserhalb meines Rahmens.
Jetzt habe ich ein Problem, das ich nicht in den Griff bekomme.
Zum Ende, bzw. zum Anfang einer jeder Box läuft der Schlagschatten zusammen. So das eine kleine Ecke entsteht. Es sollte aber wenn mehrer Boxen übereinander sind eine druchgehender Schatten entstehen.
Weiter verläuft eine feine Linie, Schatten zwischen den beiden Boxen.
! !
! !
! !
-------------------------------------------------
Zwischen den Boxen, sollte nix sein.
Ich hoffe ich habe es auf den Punkt gebracht?
Andreas
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<titleSchlagschatten mit css3</title>
<style type="text/css">
.mitte {
width: 800px;
margin: 0 auto;
}
.box {
border-left: 1px solid #000;
border-right: 1px solid #000;
width:800px;
height: 400px;
-moz-box-shadow:
5px 0 5px -5px #333,
-5px 0 5px -5px #333;
-webkit-box-shadow:
5px 0 5px -5px #333,
-5px 0 5px -5px #333;
box-shadow:
5px 0 5px -5px #333,
-5px 0 5px -5px #333;
}
</style>
</head>
<body>
<div class="mitte">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
</body>
</html>