Foros del Web » Creando para Internet » CSS »

Problemas con el centrado de una tabla y su celda

Estas en el tema de Problemas con el centrado de una tabla y su celda en el foro de CSS en Foros del Web. Saludos a todos, Estoy comenzando con un diseño de una web y a los 5 minutos ya me encontré con mi primer problema. No soy ...
  #1 (permalink)  
Antiguo 28/02/2010, 05:54
 
Fecha de Ingreso: octubre-2009
Mensajes: 6
Antigüedad: 8 años, 1 mes
Puntos: 0
Problemas con el centrado de una tabla y su celda

Saludos a todos,


Estoy comenzando con un diseño de una web y a los 5 minutos ya me encontré con mi primer problema. No soy muy experta en estas cosas así que decidí recurrir a vosotros.

El caso es que tengo la siguiente tabla:

Código:
<div class="centraTabla">
    <table class="tableGeneral">
        <tr>
            <td>
                <table align="left" class="tableCabecera">
             		<tr>
                        <td>
                        </td>
                    </tr>
                </table>
          </td>            
        </tr>
     
    </table>
    <table class="pie">
        <tr>
            <td>
                Diseño realizado ........</td>
        </tr>
    </table>
</div>

Con su CSS:
Código:
div.centraTabla{
    text-align: center;
    width:100%;
    height:790px;
    background-color:#1e618b;
}

.tableGeneral {
    margin: 0 auto;
    text-align: left;    
    border: solid 3px #cfe1f3;
    background-image:url('Images/background.jpg');
    background-repeat:no-repeat;
    width:780px;
    height:700px;
    background-color:White;
    background-position:10px;
    background-position:left;
    background-repeat:no-repeat;
    margin-top:20px;
    

}
.pie{
    width:780px;
    height:50px;
    background-color:Transparent;
    font-family:Gill Sans MT;
    font-size:small;
    color:#dbe6ec;
    
}
.tableCabecera
{
    margin:3px;
    width:100%;
    height:163px;
    background-color:Transparent;
    top:0px;    
}
El problema lo tengo en el <td> que marqué en negrita arriba. El caso es que el centrado del Div le afecta también a dicha celda y no quiero. Por que me sale centrada verticalmente. ¿Cómo puedo moverla?

Muchas gracias por leer.

Saludos
  #2 (permalink)  
Antiguo 28/02/2010, 09:32
 
Fecha de Ingreso: noviembre-2002
Mensajes: 224
Antigüedad: 15 años, 1 mes
Puntos: 1
Respuesta: Problemas con el centrado de una tabla y su celda

Hola Haraz,

Las celdas de las tablas estan centradas verticalmente porque es su comportamiento por defecto, no tiene nada que ver con la capa (la DIV no está centrada verticalmente).
Lo único que tienes que hacer es añadir al css:

.tableGeneral td,
.tableCabecera td {vertical-align:top}


De hecho, si pusieras solamente .tableGeneral td {vertical-align:top}, ya funcionaría, ya que la tableCabecera está dentro de tableGeneral y estaría heredando los estilos de sus celdas.

Salu2 ;)
  #3 (permalink)  
Antiguo 01/03/2010, 02:20
 
Fecha de Ingreso: octubre-2009
Mensajes: 6
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Problemas con el centrado de una tabla y su celda

Muchas gracias por la solución y por responder tan rápidamente :3

Etiquetas: celda, tablas, centrar
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:13.