Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/01/2010, 09:54
Avatar de sir_bowen
sir_bowen
 
Fecha de Ingreso: junio-2005
Mensajes: 184
Antigüedad: 18 años, 10 meses
Puntos: 0
Centrar div verticalmente

Hola buenas,

tengo un pequeño problema a la hora de centrar mi div dentro de mi página. El div en cuestión está dentro de una tabla, ya que toda la página está compuesta así. Pretendo hacer un div contenedor, que contenga otros tantos, para dibujar un marco, y poder meter código en el div central. Paso a poner el código para explicarme mejor:

Código HTML:
<table align="center" border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center">
            <div id="divContenedor">
                <div id="divLeft">
                </div>
                <div id="divCenter">
                    <div id="divTop">
                    </div>
                    <div id="divMiddle">
                    </div>
                    <div id="divBottom">
                    </div>
                </div>
                <div id="divRight">
                </div>
            </div>
        </td>
    </tr>
...
La composición de los divs dentro de 'divContenedor' me sale perfecta, cada uno de ellos tiene un backgroung-image, y acabo generando un marco perfecto con todas las imágenes. Pero el 'divContenedor', me sale alineado a la izquierda dentro de la celda de la tabla, y no consigo centrarlo.

El CSS que le pongo es:
Código:
#divConteneder{
        position: relative;
        float: left;
        width: 650px;
        height: 300px;
        overflow: auto;
    }
Alguien puede echarme un cable?

Muchas gracias de antemano

Salu2!!