nicht angemeldet
Schlagschatten css3, Probelme mit der Darstellung
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>
-
Hallo,
die einfachste Lösung ist, nicht .box den Schatten zu geben sondern .mitte.
vg ichbinich
--
Kleiner Tipp:
Tofu schmeckt am besten, wenn man es kurz vor dem Servieren durch ein saftiges Steak ersetzt...-
ich würde es aber gerne mit den einzelnen Boxen lösen...
-
Hallo,
ich würde es aber gerne mit den einzelnen Boxen lösen...
Wird mit css nicht gehen, die Schatten werden sich immer überlagern - bleibt also wohl nur den Schatten über ein Hintergrundbild zu realisieren...
Wieso möchtest du unbedingt 3 einzelne Schatten die sich zu einem Schatten zusammenfügen? Logisch ist es einen Schatten für das Elternelement zu definieren - zumal damit ein Haufen Probleme wegfällt.
vg ichbinich
--
Kleiner Tipp:
Tofu schmeckt am besten, wenn man es kurz vor dem Servieren durch ein saftiges Steak ersetzt...
-
-