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