The following is the shortest valid html that I could manage to illustrate
my problem with. I can't post a link to a page, because our dev servers are
all inside our firewall.
In Opera 6 or NN 6.2 this produces an indented yellow div. In IE 5.5/WinNT
it produces an unindented yellow div.
The styles in the actual tags don't affect the problem, nor do the table
widths, they just make it easier for me to keep track. Only the .indent
style is operative.
I couldn't find anything on the Web about this. Is this a known issue, or
am I doing something dumb? And if it's not me, which is the proper
behaviour? Is there a work around?
An interesting side issue is that if I uncomment the padding line in the
css, the content disappears and the div explodes to enormous size in IE 5.5,
but not in NN6.2.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type = "text/css">
/*padding: 5% 5% 5% 5%;*/
width : 90%;}
<table width = "90%" style = "background-color:#99FFCC;">
<table style = "background-color:#FF00CC; width:90%;">
<div class = "indented">Inner div should be indented</div>
</table>second innermost table</td>