PDA

View Full Version : 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/dynamicindex14/fadeinslideshow.htm#.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
5262

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

HTML

<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

/* 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:


#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.