Relative Positioning not working on a Table Row.

Question

I have installed and am using IE10 and Chrome. AND I'd like to fixed the top header <tr> in <table>. but below style tag dose not working!!

<tr style="position:relative;top:expression(this.offsetParent.scrollTop);"></tr>

Do anybody have like this experience? If these were bug, I also want another solution to solve this problem. PLZ help me!

write your code here. then only we can tell you what you are doing wrong. — shubendrak, May 13 '13 at 05:53
The answer to this question is here: http://stackoverflow.com/questions/4564638/using-position-relative-absolute-within-a-td — AbsoluteƵERØ, May 13 '13 at 05:56

score 0 · Answer 1 · edited May 23 '17 at 10:25

0

Relative positioning inside of <table> tags is not supported. Table rows in fact are simply containers for the bits that show in the GUI (the <td> and <th>). You can style the background color of the table row, but very few other visual aspects extend to this element. Because tables already contain positioning by design it's a waste of time trying to overwrite it. You should either use <div> tags and style them with positioning or use the built-in Table CSS styles.

Additionally check out the answer here: Using Position Relative/Absolute within a TD?

edited May 23 '17 at 10:25

Community

1
1

answered May 13 '13 at 16:05

AbsoluteƵERØ

7,816
2
24
35

Thank you for your answer. I'd like to check out the contents about the GUI( and ). because I saw the relative positioning applied to td. Could you tell me where is I can check out that? – user2376490 May 14 '13 at 01:02

score -2 · Answer 2 · answered May 13 '13 at 10:53

-2

create some http://fiddle.jshell.net/

so we can understand your code.

answered May 13 '13 at 10:53

dsfg

130
9

Relative Positioning not working on a Table Row.

2 Answers2

Linked