Ver Mensaje Individual
  #5 (permalink)  
Antiguo 09/10/2014, 08:15
Avatar de Andreslrz
Andreslrz
 
Fecha de Ingreso: septiembre-2008
Mensajes: 99
Antigüedad: 15 años, 8 meses
Puntos: 2
Respuesta: Problema con tabla dentro de div con overflow:auto

esto me funciono a mi para evitar que la tabla se salga del div

CSS
Código:
table#table_box {
    position:relative;
    display: inline-block;
    border: #ffd6d6 1px solid;
    margin-top: 50px;
    height: 400px;
    left: 50%;
    margin-left: -500px;
    overflow-y: scroll;
}
HTML
Código:
<table id="table_box">
                <tr>
                    <th><label>N&uacute;mero ID</label></th>
                    <th><label>Nombre</label></th>
                    <th><label>Primer Apellido</label></th>
                    <th><label>Segundo Apellido</label></th>
                    <th><label>Direcci&oacute;n Principal</label></th>
                </tr>
                <tr>
                    <td>dato1</td>
                    <td>dato2</td>
                    <td>dato3</td>
                    <td>dato4</td>
                    <td>dato5</td>
                </tr>
            </table>