Osultar select al hacer scroll de una tabla html
Publicado por daniel arellano (1 intervención) el 17/07/2006 10:46:30
Hola tengo el siguiente problemilla.
tengo una tabla html con las columnas fijas, es decir que al hacer el scroll de la tabla las columnas no hacen el scroll y siempre son visibles.
Mi problema es que uno de los campos de la tabla tiene un objeto SELECT y este al realizar scroll se solapa por encima de su cabecera. Como puedo hacer que esto no ocurra.
Adjunto el codigo de la tabla
********************************************************************************************************************************************************************************************************
<html><body>
<div style="position:relative; width=100%; height:40px; overflow-x:auto; overflow-y:auto; " >
<table id ="tabla_datos" width='100%' style='font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;' style="border-top:0px;" cellspacing="1">
<tr style="position:relative; top:expression(this.offsetParent.scrollTop); background-color: red; color: rgb(20, 29, 34);" >
<th style="text-align: left;">aaa</th><th style="text-align: center;">bbb</th><th style="text-align: center;">ccc</th>
</tr>
<tr><td style="background-color: rgb(234, 241, 244);" align='center' >campo 1</td>
<td style="background-color: rgb(234, 241, 244);" align='center' >campo 2</td>
<td class='tableclass' style="background-color: rgb(234, 241, 244);">
<select name="cod_naturaleza" size="1" class="arqv10_inputformulario arqv10_select" style="font-size: 9px;">
<option value="codigo" >valor1 </option><option value="codigo" >valor2</option><option value="codigo" >valor3</option>
</select>
</td></tr>
</table></div>
</body></html>
********************************************************************************************************************************************************************************************************
tengo una tabla html con las columnas fijas, es decir que al hacer el scroll de la tabla las columnas no hacen el scroll y siempre son visibles.
Mi problema es que uno de los campos de la tabla tiene un objeto SELECT y este al realizar scroll se solapa por encima de su cabecera. Como puedo hacer que esto no ocurra.
Adjunto el codigo de la tabla
********************************************************************************************************************************************************************************************************
<html><body>
<div style="position:relative; width=100%; height:40px; overflow-x:auto; overflow-y:auto; " >
<table id ="tabla_datos" width='100%' style='font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;' style="border-top:0px;" cellspacing="1">
<tr style="position:relative; top:expression(this.offsetParent.scrollTop); background-color: red; color: rgb(20, 29, 34);" >
<th style="text-align: left;">aaa</th><th style="text-align: center;">bbb</th><th style="text-align: center;">ccc</th>
</tr>
<tr><td style="background-color: rgb(234, 241, 244);" align='center' >campo 1</td>
<td style="background-color: rgb(234, 241, 244);" align='center' >campo 2</td>
<td class='tableclass' style="background-color: rgb(234, 241, 244);">
<select name="cod_naturaleza" size="1" class="arqv10_inputformulario arqv10_select" style="font-size: 9px;">
<option value="codigo" >valor1 </option><option value="codigo" >valor2</option><option value="codigo" >valor3</option>
</select>
</td></tr>
</table></div>
</body></html>
********************************************************************************************************************************************************************************************************
Valora esta pregunta
0