[kochi19]

Hallo,
ich habe gerade ein kleines Problem mit meiner .css Datei, vielleicht kann mir jemand helfen. Ich benutze folgenden Code um eine art kleine produktansicht zu generieren.

PHP-Code:

.gallery {    width:744px; text-align:center;margin:auto; margin-bottom:40px;}
.gallery #mainPic {    text-align:center; }
.gallery #mainPic img {    max-height: 500px;max-width: 744px;height: 500px; }
.gallery #galleryContent {width: 742px; margin-top:40px;}
.gallery #galleryContent ul li {display: inline;}
.gallery ul { height:130px; }
.gallery li.first { margin-left:0px !important; }
.gallery li {text-align:center;float: left;    width:130px;max-width:130px; min-width:130px;height:130px;display:block;padding: 0px; margin-left:20px !Important;-moz-box-shadow: 0 0 10px 1px #EEEEEE;
-webkit-box-shadow: 0 0 10px 1px#EEEEEE;
box-shadow: 0 0 10px 1px #EEEEEE;}
.gallery #galleryContent ul li a img {    max-height: 130px;max-width: 130px;} 


nun werden die vorschaubilder aber immer linksbündig angezeigt.
Setze ich im code von "float: left" auf float: center", schiebt es mir die Bilde zwar in die Mitte aber der Schatten um das vorschaubild wird nicht korrekt dargestellt. Hier der geänderte code:

PHP-Code:

.gallery {    width:744px; text-align:center;margin:auto; margin-bottom:40px;}
.gallery #mainPic {    text-align:center; }
.gallery #mainPic img {    max-height: 500px;max-width: 744px;height: 500px; }
.gallery #galleryContent {width: 742px; margin-top:40px;}
.gallery #galleryContent ul li {display: inline;}
.gallery ul { height:130px; }
.gallery li.first { margin-left:0px !important; }
.gallery li {text-align:center;float: center;    width:130px;max-width:130px; min-width:130px;height:130px;display:block;padding: 0px; margin-left:20px !Important;-moz-box-shadow: 0 0 10px 1px #EEEEEE;
-webkit-box-shadow: 0 0 10px 1px#EEEEEE;
box-shadow: 0 0 10px 1px #EEEEEE;}
.gallery #galleryContent ul li a img {    max-height: 130px;max-width: 130px;} 


Und hier mal wie es angezeigt wird:


Der Schatten geht wie Ihr sehen könnt nicht um das Bild.
Viele Dank schon mal für euere Tipps.

PS: Bevor wieder welche meckern: eine andere Überschrift ist mir nicht eingefallen.