Embeded Simple Viwer zentrieren

[Tinchen]

hallo zusammen,

ich habe mittels Simple viewer eine Fotogalerie in meine HP eingebunden: http://www.agrarservice-bernd-schich.de/galerie/index.html
Problem ist nur, ich bekomme die Galerie einfach nicht zentriert! Ich habe schon auf der SV Seite gesucht und den entsprechenden xml-code

hAlign="center"

eingefügt. Habe zusätzlich auch noch versucht, das div "mitte" zu zentrieren. Funktioniert alles nicht :-(

Das ist jetzt der xml-code:

<?xml version="1.0" encoding="UTF-8"?>

<simpleviewergallery 

    useFlickr="false"
    resizeOnImport="true"
    cropToFit="false"
    title="Galerie"
    maxImageWidth="600"
    maxImageHeight="338"
    imageQuality="80"
    thumbWidth="75"
    thumbHeight="75"
    thumbQuality="90"
    indexPageName="svgallery.html"
    thumbPosition="BOTTOM"
    thumbRows="1"
    thumbColumns="5"
    showOpenButton="false"
    showFullscreenButton="false"
    backgroundTransparent="true"
    backgroundColor="FFFFFF"
    frameWidth="2"
    galleryWidth="500"
    galleryHeight="500"
    [COLOR=#ff0000]hAlign="center"[/COLOR]

>
  <image imageURL="http://www.html.de/images/bild1.JPG"
    thumbURL="thumbs/bild1.JPG"
    linkURL="http://www.html.de/images/bild1.JPG"
    linkTarget="_parent">
    <caption><![CDATA[]]></caption>
  </image>
  <image imageURL="http://www.html.de/images/bild2.JPG"
    thumbURL="thumbs/bild2.JPG"
    linkURL="http://www.html.de/images/bild2.JPG"
    linkTarget="_blank">
    <caption><![CDATA[]]></caption>
  </image>
  <image imageURL="http://www.html.de/images/bild3.JPG"
    thumbURL="thumbs/bild3.JPG"
    linkURL="http://www.html.de/images/bild3.JPG"
    linkTarget="_blank">
    <caption><![CDATA[]]></caption>
  </image>
  <image imageURL="http://www.html.de/images/bild4.JPG"
    thumbURL="thumbs/bild4.JPG"
    linkURL="http://www.html.de/images/bild4.JPG"
    linkTarget="_blank">
    <caption><![CDATA[]]></caption>
  </image>
  <image imageURL="http://www.html.de/images/bild5.JPG"
    thumbURL="thumbs/bild5.JPG"
    linkURL="http://www.html.de/images/bild5.JPG"
    linkTarget="_blank">
    <caption><![CDATA[]]></caption>
  </image>
  <image imageURL="http://www.html.de/images/bild6.JPG"
    thumbURL="thumbs/bild6.JPG"
    linkURL="http://www.html.de/images/bild6.JPG"
    linkTarget="_blank">
    <caption><![CDATA[]]></caption>
  </image>
  <image imageURL="http://www.html.de/images/bild7.JPG"
    thumbURL="thumbs/bild7.JPG"
    linkURL="http://www.html.de/images/bild7.JPG"
    linkTarget="_blank">
    <caption><![CDATA[]]></caption>
  </image>
  <image imageURL="http://www.html.de/images/bild8.JPG"
    thumbURL="thumbs/bild8.JPG"
    linkURL="http://www.html.de/images/bild8.JPG"
    linkTarget="_blank">
    <caption><![CDATA[]]></caption>
  </image>
  <image imageURL="http://www.html.de/images/bild9.JPG"
    thumbURL="thumbs/bild9.JPG"
    linkURL="http://www.html.de/images/bild9.JPG"
    linkTarget="_blank">
    <caption><![CDATA[]]></caption>
  </image>
  <image imageURL="http://www.html.de/images/bild10.JPG"
    thumbURL="thumbs/bild10.JPG"
    linkURL="http://www.html.de/images/bild10.JPG"
    linkTarget="_blank">
    <caption><![CDATA[]]></caption>
  </image>
</simpleviewergallery>

Meine Layout.css:

html, body{ 
 margin:0; 
 padding:0; 
 } 
 
#logo{
 min-width: 1170px;
 width: 100%;
  margin-top:0px;
  margin-left:0px;
  margin-right:0px;
 }

 
#links{
 width: 180px; 
 float: left; 
 position: absolute;
 top: 140px;
 left: 20px; 
 }
 
#rechts{  
 position: absolute; 
 float: right; 
 top: 200px;
 left: 220px;
 text-align: left;
 min-width: 930px;
 right: 20px;
 }
 
 #rechts2{  
 position: absolute; 
 float: right; 
 top: 200px;
 left: 280px;
 text-align: left;
 min-width: 498px;
 right: 20px;
 }
 
[COLOR=#ff0000]#mitte {
 text-align: center;
 margin-top: 80px;
 margin-left:auto;
 margin-right:auto;
}[/COLOR]

Hat jemand eine Idee, was ich noch probieren könnte? DANKE!

 

[threadi]

Bei mir sieht sie eigentlich ganz gut zentriert aus? :)

 

[Tinchen]

Hehe stimmt Hab gestern abend noch die Lösung gefunden
Man muss einfach diese Zeile

<div id="sv-container"></div>

mit dieser ersetzen:

<div id="sv-container" style="margin: 0 auto;"></div>