|
Posted by geoff on 02/13/07 15:23
Dear All,
I have a problem concerning nested divs and table aligning. In FF all
works well, in IE7 the inner div is hidden by its parent! Attached is
a minimal html file displaying the problem. The problem seems to be
the interplay between the "position:relative" and <table
align="right">, since removing either of these results in similar
pages in the two browsers, but not the output I need.
Many thanks in advance,
Geoff.
/------------------------------ minimal example
--------------------------------/
<html>
<body style="background-color:blue;">
<div style="position:absolute;top:54px;left:200px;width:
500px;background-color:black;">
<div style="position:relative;bottom:20px;left:20px;background-
color:white;">
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text
<table align="right">
<tr><td><div style="width:150px;height:200px;background-
color:red;">hello world</div></td></tr>
</table>
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text Some text Some text
Some text Some text Some text Some text Some text
</div>
</div>
</body>
</html>
[Back to original message]
|