Ultimate Fade-in slideshow (v2.4) Center the div?

**Disturbed** · 10-23-2013, 10:28 AM

1) Script Title: Ultimate Fade-in slideshow (v2.4)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...m#.Ujw_4T95eXh

3) Describe problem: I am having trouble centering the DIV that contains the Imageslider box! Can anyone help me out?
For better understanding I will add a Picture

Click image for larger version.

Name: Unbenannt.jpg
Views: 187
Size: 10.1 KB
ID: 5262

I would like that to be centered along with the other info! Here is my HTML and CSS.

HTML

Code:

    <div id="sframe">
        <h3> Gelsenkirchen </h3>
        <!-- Image slider -->  
        <div id="gelsenkirchen" class="spic"></div>
        <div id="geltoggler" class="stog"  text-align:center; margin-top:1px">
            <a href="#" class="prev">&vartriangleleft;</a>  <span class="status" style="margin:0 50px; font-weight:bold"></span> <a href="#" class="next">&vartriangleright;</a>
        </div>
        <!-- end image slider -->
        <div id="sinfo"
             <li><h3>Details</h3><li>
            <li><b>Standort:</b>  Gelsenkirchen </li>
            <li><b>Telf. Nr.:</b> 091728172 </li>
            <li><b>E-Mail:</b> gelsenkirchen@nazar-sb.com </li>
            <li><b>Praxisleitung:</b> Frau Krizsat </li>
            <li><b>Öffnungszeiten:</b> Montag-Freitag 9-18 Uhr. Samstags nach Absprache</li>
        </div>  
    </div> <!-- end Gelsenkirchen -->

CSS

Code:

/* STANDORTE PRESENTATION */

#sframe li{
    list-style: none;
}

#content ul{
    margin-top:5px;
}

#sframe {
    display: inline-block;
    width: 750px;
    border-top: 1px solid rgb(169, 169, 169);;
    border-bottom: 1px solid rgb(169, 169, 169);
    background-color: rgb(243, 244, 244);
    text-align:center;
}

#spic {
     display: inline-block;
}
#stog {
     display: inline-block;
}

#sinfo{

    font-family: lato;
    font-size:14px;
    margin-top: -10px;
    text-align: center;
    padding: 20px;
}

Thanks in advance

Kind Regards Dom

**jscheuer1** · 10-23-2013, 12:13 PM

It's hard to say for sure without seeing the page. Try this:

Code:

#gelsenkirchen {
	text-align: left;
	margin: 0 auto;
}

Requires a standards invoking DOCTYPE in IE.

The browser cache may need to be cleared and/or the page refreshed to see changes.

If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.