Comunidad PHPeros

Lenguajes => CSS => Mensaje iniciado por: MaNuX en 23 de Agosto de 2014, 20:15:14 pm

Título: Tabla en scroll
Publicado por: MaNuX en 23 de Agosto de 2014, 20:15:14 pm

Tengo unas tabla con css y cuando hay contenido le asigno un alto para que cuando lo sobrepase cree un scroll para subir y bajar y no se expanda el contenido, pero el problema es que no se me ajusta el thead con el tbody, me sale de la siguiente manera:

ID -------------- Nombre ----------------------- Sección
5 -------- Pepe -------------- Mi sección


Y nose como ajustar para que quede como devería:

ID -------------- Nombre ----------------------- Sección
5 --------------- Pepe --------------------------- Mi sección


Bueno aqui dejo el código css para haber si pueden ayudarme a arreglarlo.

Código: [Seleccionar]

    table thead {
        display:table;
        width:100%;
    }
     
    table thead tr {
        display: table-row;
    }
     
    table thead tr th {
        background:#333;
        color:#fff;
        padding:5px;
        text-align:left;
    }
     
    table tr.none {
        display: inline-block;
        text-align:center;
        background:none;
        padding-top:20px;
        border:none;
    }
     
    table tr.none:hover {
        background:none;
        cursor:default;
        width:100%;
    }
     
    table tr.none td {
        border:none;
        text-align:center;
    }
     
    table tbody {
        display:inline-block;
        width:100%;
        overflow:auto;
        height:450px;
    }
     
    table tbody tr {
        width: 100%;
        border-bottom:1px solid #eee;
    }
     
    table tbody tr:hover {
        background:#eee;
        cursor:pointer;
    }

Saludos y gracias.