CODEWITHSUNDEEP
htmlcssinternet-explorer
Rizwan Mumtaz
Rizwan Mumtaz

Reputation: 83

Position Fixed not working in IE

Here is my code which is working perfect in not IE browsers. The code is the part of the iframe which is loading in JQuery UI Dialogue. Tested In IE 9.

<div style="height:400px;width:400px;overflow:auto">
<table>
<tr>
<td>content</td>

<td>

<div style="position:fixed;height:100px;">
Long Content.............
</div>

</td>
</tr>
</table>
</div>

This is my DOCTYPE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Upvotes: 0

Views: 952

Answers (2)

Niet the Dark Absol
Niet the Dark Absol

Reputation: 324650

It only works in non-IE browsers because they have better tolerance for bogus code.

Remove the extra <td> inside the <td>, and what in the world are you trying to achieve by putting a position:fixed inside a table cell? For the most part, position:fixed elements should be direct children of the <body> element...

Upvotes: 3

elclanrs
elclanrs

Reputation: 94101

I don't think nested <td> is valid, you should use another table to nest it.
And then Is a DIV inside a TD a bad idea?.
Don't know why you're using tables but this seems to be possible with divs.

Upvotes: 0

Related Questions