[TYPO3-german] CSS3 und Schatten

[Björn Hahnefeld]

Mit

--
#page {
	width:981px;
	min-height:400px;
	margin:0 auto;

	background-color:#ffffff;
	padding:12px;

   box-shadow: 
        0px 0px 0px 5px rgba( 255,255,255,0.6 ), 
        0px 4px 20px rgba( 0,0,0,0.33 );
--

erscheint ein mehr recht als schlecht aussehender Schatten. Allerdings nicht nur links und rechts, sondern auch oben. Und da soll eben keiner erscheinen... ;(

Viele Grüße

Björn

-----Ursprüngliche Nachricht-----
Von: typo3-german-bounces at lists.typo3.org [mailto:typo3-german-bounces at lists.typo3.org] Im Auftrag von Bernhard Ludwig
Gesendet: Samstag, 4. August 2012 12:07
An: German TYPO3 Userlist
Betreff: Re: [TYPO3-german] CSS3 und Schatten

Am 03.08.2012 um 18:24 schrieb Björn Hahnefeld:

> Hallo Bernhard,
> 
> leider nicht, denn es tut sich dann gar nichts :(:
> 
> ..
> #page {
> 	width:981px;
> 	min-height:400px;
> 	margin:0 auto;
> 
> 	background-color:#ffffff;
> 	padding:12px;
> 
>  -moz-box-shadow: 5px 5px 5px #e2e2e2; /* FF3.5+ */
>  -webkit-box-shadow: 5px 5px 5px #e2e2e2;/*Saf3+, Chr*/
>  box-shadow: 5px 5px 5px #e2e2e2; /*Op10.5, IE 9, FF4*/  
> filter:progid:DXImageTransform.Microsoft.Shadow (color=#e2e2e2, 
> Direction=135, Strength=5); /* IE6-7 */  
> -ms-filter:"progid:DXImageTransform.Microsoft.Shadow (color=#e2e2e2, 
> Direction=135, Strength=5)"; /* IE8 */  zoom:1; /* trigger hasLayout 
> */
> 
>  box-shadow: 8px 0px 8px black,
>               -8px 0px 8px black,
> 
> }
> ..
> 
> Viele Grüße
> 
> Björn
> 

Hallo Björn,

da hat sich noch ein Fehler eingeschlichen, sorry. Nimm diesen Schnipsel:

box-shadow: 1px 1px 5px #c5c5c5, -1px -1px 5px #c5c5c5;

Damit wird es funktionieren, hab es selbst so verwendet. Musst Du noch bei moz, webkit, etc. ergänzen für die anderen Browser. Und nimm doch zunächst auch alles raus, was stören könnte. Außerdem hast Du in Deinem Quelltest 2 box-shadow drin. Das tut so nicht gut.

Viele Grüße,
Bernhard Ludwig

_______________________________________________
TYPO3-german mailing list
TYPO3-german at lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german