Previous Message
Next Message

[css-d] indented div inside two nested tables (except in IE5.5 where it's

Sent by Harrison, George on 23 May 2002 19:07


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. 

TIA

gh 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>U</title>
<style type = "text/css">
  .indented {
    margin-left:10%;
    /*padding: 5% 5% 5% 5%;*/
    background-color:#FFFF00;
    color: #000;
    width : 90%;}
</style>
</head>
<body bgcolor="#FFFFFF">
<table width = "90%" style = "background-color:#99FFCC;">
  <tr>
    <td>
      <table style = "background-color:#FF00CC; width:90%;">
        <tr>
         <td>
           <div class = "indented">Inner div should be indented</div>
              innermost table</td>
        </tr>
      </table>second innermost table</td>
  </tr>
</table>Body
</body>
</html>
Previous Message
Next Message