Foros del Web » Creando para Internet » CSS »

Centrar Glider!?

Estas en el tema de Centrar Glider!? en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/09/2010, 15:44
 
Fecha de Ingreso: julio-2009
Mensajes: 79
Antigüedad: 8 años, 4 meses
Puntos: 1
Centrar Glider!?

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.)
  #2 (permalink)  
Antiguo 18/09/2010, 16:41
Avatar de bioxido  
Fecha de Ingreso: diciembre-2008
Ubicación: $_SERVER['PHP_SELF']
Mensajes: 601
Antigüedad: 9 años
Puntos: 21
Respuesta: Centrar Glider!?

Esto es CSS! no PHP...Ponelo en el foro correspondiente
  #3 (permalink)  
Antiguo 18/09/2010, 23:53
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 11 años, 6 meses
Puntos: 2122
Tema movido desde PHP a CSS
  #4 (permalink)  
Antiguo 19/09/2010, 02:42
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Centrar Glider!?

Hola:

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

Saludos.

  #5 (permalink)  
Antiguo 20/09/2010, 16:29
 
Fecha de Ingreso: julio-2009
Mensajes: 79
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: Centrar Glider!?

ya tiene puesto....

margin:0 auto;
  #6 (permalink)  
Antiguo 20/09/2010, 22:11
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Centrar Glider!?

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
  #7 (permalink)  
Antiguo 21/09/2010, 21:14
 
Fecha de Ingreso: julio-2009
Mensajes: 79
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: Centrar Glider!?

Cita:
Iniciado por alexk Ver Mensaje
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.

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:43.