tabla y scroll mal posicionados

[bettyrous]

tengo una tabla la cual se llena con datos de un bd, le agrege un scroll para mejor visualización, el problema es cuando los datos son muchos la tabla de baja quedando casi a mitad del div que contiene el scroll. Ya intente con muchas cosas en css y no logro que la tabla permanezca fija en un solo lugar sin importar cuantas filas tenga

html

<div class='barra'>

<table class='tablaResBusc' >

</table>

</div>


CSS

.barra
{
margin-left:50px;
margin-top:20px;
width:780px;
height:250px;
overflow: auto;'
barraposition:absolute; z-index:1;
}

.tablaResBusc
{

width:750px;
word-wrap: break-word;
margin: 0px auto;


}

[g3kdigital]

O no he podido duplicar el problema que tienes o es que no he entendido bien cual es problema.

Mira este es el pen demo que he hecho con el contenido de tu html y css.

http://codepen.io/g3kdigital/pen/WrZbyW?editors=110

[JoeMx]

Iniciado por bettyrous

tengo una tabla la cual se llena con datos de un bd, le agrege un scroll para mejor visualización, el problema es cuando los datos son muchos la tabla de baja quedando casi a mitad del div que contiene el scroll. Ya intente con muchas cosas en css y no logro que la tabla permanezca fija en un solo lugar sin importar cuantas filas tenga

html

<div class='barra'>

<table class='tablaResBusc' >

</table>

</div>


CSS

.barra
{
margin-left:50px;
margin-top:20px;
width:780px;
height:250px;
overflow: auto;'
barraposition:absolute; z-index:1;
}

.tablaResBusc
{

width:750px;
word-wrap: break-word;
margin: 0px auto;


}

Probaste con la propiedad overflow: scroll; Aqui tienes la manera como puedes usarlo