Click here to Skip to main content
15,921,793 members
Home / Discussions / Web Development
   

Web Development

 
GeneralRe: I need an ebay program Pin
totolcm19-Jan-10 1:33
totolcm19-Jan-10 1:33 
GeneralRe: I need an ebay program Pin
TorstenH.21-Jan-10 19:35
TorstenH.21-Jan-10 19:35 
AnswerRe: I need an ebay program Pin
Jamie Nordmeyer22-Jan-10 10:58
Jamie Nordmeyer22-Jan-10 10:58 
Questionstick footer at the bottom of the page Pin
bhavna432112-Jan-10 21:51
bhavna432112-Jan-10 21:51 
AnswerRe: stick footer at the bottom of the page Pin
Gayani Devapriya13-Jan-10 13:04
Gayani Devapriya13-Jan-10 13:04 
General2-Way SMS Gateway Pin
tomastamm12-Jan-10 14:52
tomastamm12-Jan-10 14:52 
GeneralRe: 2-Way SMS Gateway Pin
Ashfield13-Jan-10 1:40
Ashfield13-Jan-10 1:40 
QuestionScrolling a Dropdown inside a DIV tag Pin
nachiket.gs11-Jan-10 18:59
nachiket.gs11-Jan-10 18:59 
Hi,
We have a HTML table which has multiple rows and the row columns have dropdown lists.
We have a requirement to freeze the header of the table. Which we have implemented using CSS.

The dropdown lists overlap with the header while scrolling the div.

The code works fine with iE8, however the same code gives issues in any version lesser than ie8.

Somebody please let me know how can we stop this from happening ?
The Code is below :

<HTML><HEAD><TITLE>WebForm1</TITLE>
<STYLE>
DIV#div-datagrid {
OVERFLOW: auto; WIDTH: 220px; SCROLLBAR-BASE-COLOR: #ffeaff; HEIGHT: 100px
}
TD.locked {
BORDER-RIGHT: silver 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 14px; ; LEFT: expression(document.getElementById("div-datagrid").scrollLeft-2); CURSOR: default; COLOR: white; POSITION: relative; BACKGROUND-COLOR: navy; TEXT-ALIGN: center
}
TH.locked {
BORDER-RIGHT: silver 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 14px; ; LEFT: expression(document.getElementById("div-datagrid").scrollLeft-2); CURSOR: default; COLOR: white; POSITION: relative; BACKGROUND-COLOR: navy; TEXT-ALIGN: center
}
TH {
BORDER-RIGHT: silver 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 14px; Z-INDEX: 10; CURSOR: default; COLOR: white; POSITION: relative; ; TOP: expression(document.getElementById("div-datagrid").scrollTop-2); BACKGROUND-COLOR: green; TEXT-ALIGN: center
}
TH.locked {
Z-INDEX: 99
}
</STYLE>
</HEAD>
<BODY>
<DIV id=div-datagrid>
<TABLE>
<TBODY>
<TR>
<TH class=locked>Name </TH>
<TH class=locked>Name </TH>
<TH class=locked>Name </TH>
<TH class=locked>Name </TH></TR>
<TR id=ddl1>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD>
<TD id=ddl2><SELECT> <OPTION selected>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION></SELECT> </TD>
<TD id=ddl3><SELECT> <OPTION selected>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION></SELECT> </TD>
<TD id=ddl4><SELECT> <OPTION selected>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION></SELECT> </TD></TR>
<TR>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD></TR>
<TR>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD></TR>
<TR>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD></TR>
<TR>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD></TR>
<TR>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT> </TD>
<TD><SELECT id=Select1 name=Select1> <OPTION value=kklkl
selected>kklkl</OPTION> <OPTION value=kklkl>kklkl</OPTION> <OPTION
value=kklkl>kklkl</OPTION> <OPTION value=kklkl>kklkl</OPTION></SELECT> </TD>
<TD><SELECT> <OPTION selected>kklkl</OPTION> <OPTION>kklkl</OPTION>
<OPTION>kklkl</OPTION> <OPTION>kklkl</OPTION></SELECT>
</TD></TR></TBODY></TABLE></DIV></BODY></HTML>


Regards,
Nachiket
QuestionGeting data from a remote server Pin
jonatan_55611-Jan-10 1:43
jonatan_55611-Jan-10 1:43 
AnswerRe: Geting data from a remote server Pin
David Mujica11-Jan-10 3:27
David Mujica11-Jan-10 3:27 
GeneralRe: Geting data from a remote server Pin
jonatan_55611-Jan-10 4:02
jonatan_55611-Jan-10 4:02 
AnswerMy Vote of 1 Pin
dan!sh 11-Jan-10 4:23
professional dan!sh 11-Jan-10 4:23 
GeneralRe: My Vote of 1 Pin
jonatan_55613-Jan-10 2:03
jonatan_55613-Jan-10 2:03 
QuestionClient Side Special Characters Pin
khKamel10-Jan-10 21:40
khKamel10-Jan-10 21:40 
QuestionServer Side Calling Method From Javascript Pin
khKamel10-Jan-10 21:06
khKamel10-Jan-10 21:06 
AnswerRe: Server Side Calling Method From Javascript Pin
mrMercury13-Jan-10 6:34
mrMercury13-Jan-10 6:34 
QuestionHello Pin
aokihu10-Jan-10 0:18
aokihu10-Jan-10 0:18 
AnswerRe: Hello Pin
Richard MacCutchan10-Jan-10 22:05
mveRichard MacCutchan10-Jan-10 22:05 
QuestioneCommerce Recommendations? Pin
marita728-Jan-10 9:03
marita728-Jan-10 9:03 
AnswerRe: eCommerce Recommendations? Pin
David Mujica8-Jan-10 9:36
David Mujica8-Jan-10 9:36 
GeneralRe: eCommerce Recommendations? Pin
marita728-Jan-10 10:12
marita728-Jan-10 10:12 
AnswerRe: eCommerce Recommendations? Pin
HimaBindu Vejella12-Jan-10 23:32
HimaBindu Vejella12-Jan-10 23:32 
QuestionDelete all .svn folders in Windows Pin
marita728-Jan-10 7:13
marita728-Jan-10 7:13 
AnswerRe: Delete all .svn folders in Windows Pin
marita728-Jan-10 7:18
marita728-Jan-10 7:18 
AnswerProgrammatically Pin
David Mujica8-Jan-10 8:20
David Mujica8-Jan-10 8:20 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.