Centrar Glider!?

[sk0rpi0n]

Hola, ando haciendo una web sencilla ahi con el Glider (ajax) y tengo un problemita, no puedo centrar el contenido con la pagina o en medio del "div" por así decirlo aún asi he logrado centrar 1 sección, pero las otras no, al copiar el mismo código a las otras secciones, no se centran tampoco... y aveces algunas coinciden otras no y van variando, cuando no deberían...

Index.php:

Código:

<div class="scroller">
<div class="content">
<div class="section" id="seccion2">
<table width="200" border="0" align="center">
  <tr>
    <td colspan="2"><img src="/images/imagen1.png" width="253" height="142"></td>
  </tr>
  <tr>
    <td colspan="2" align="center">un titulo/td>
  </tr>
  <tr>
    <td colspan="2" align="center">subtitulo</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
</table>
</div>
</div>
<div class="section" id="seccion3">
<table width="200" border="0" align="center">
  <tr>
    <td colspan="2"><img src="/images/imagen1.png" width="253" height="142"></td>
  </tr>
  <tr>
    <td colspan="2" align="center">un titulo/td>
  </tr>
  <tr>
    <td colspan="2" align="center">subtitulo</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
</table>
</div>
<div class="section" id="seccion4">
<table width="200" border="0" align="center">
  <tr>
    <td colspan="2"><img src="/images/imagen1.png" width="253" height="142"></td>
  </tr>
  <tr>
    <td colspan="2" align="center">un titulo/td>
  </tr>
  <tr>
    <td colspan="2" align="center">subtitulo</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
</table>
</div>
<div class="section" id="seccion5">
<table width="200" border="0" align="center">
  <tr>
    <td colspan="2"><img src="/images/imagen1.png" width="253" height="142"></td>
  </tr>
  <tr>
    <td colspan="2" align="center">un titulo/td>
  </tr>
  <tr>
    <td colspan="2" align="center">subtitulo</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
  <tr>
    <td align="center">text:</td>
    <td align="center">text</td>
  </tr>
</table>
</div>
			</div>
		</div>			
  </div>
</center>
</body>
</html>

Css:

Código:

body {
background-attachment: fixed;
background-color: #FFFFFF;
background-image: url(/images/2.jpg);
background-repeat: no-repeat;
background-position: center;
}
div.scroller { 
width: 740px; 
height: 550px;
overflow: hidden;
border:0px solid #cccccc;
background-color: rgba(0, 0, 0, 0.5);
margin: 0 auto;
text-align:center;
}
div.scroller div.section {
width:650px;
height:400px;
overflow:hidden;
float:left;
padding:1em;
}
div.scroller div.content {
width: 10000px;
}
div#section2 {
background:#666666;
color:#ffffff;
background-color:#ff00ff;
filter: alpha(opacity=75);
opacity: .50;
}

Alguna solución? me esta volviendo loco ya :/

Desde ya muchas gracias gente!

(Funcionalidad: deberia desplasarse el contenido al precionar un botón, no lo puse al botón pero eso funciona correctamente.)

[bioxido]

Esto es CSS! no PHP...Ponelo en el foro correspondiente

[GatorV]

Tema movido desde PHP a CSS

[jomaruro]

Hola:

Prueba poniendo margin:0 auto al div que quieras centrar.

Saludos.

[sk0rpi0n]

ya tiene puesto....

margin:0 auto;

[alexk]

no entiendo si ya tiene el margin declarado deberia centrarse
1. Revisa el <!doctype>... que no lo veo
2. Valida tu html/css
3. SI podrias explicar un poco mas detallado que necesitas que no entendi al 100%... chao

[sk0rpi0n]

Iniciado por alexk

no entiendo si ya tiene el margin declarado deberia centrarse
1. Revisa el <!doctype>... que no lo veo
2. Valida tu html/css
3. SI podrias explicar un poco mas detallado que necesitas que no entendi al 100%... chao

es un poco complicado de explicar si lo montas te podras fijar tu mismo verás que es raro :S... incluso declarando que debe centrarse, tanto en el mismo css o en el php en el lado html nunca se centra correctamente

Gracias por la respuesta.