Height problem with IE

[rehandalal]

Alright, so I'm having problems with the 'height' attribute of tables in IE. While Firefox renders the page perfectly, IE refuses to do so where the height is set in pixels rather than percent. If you happen to have both browsers you can see the problem here:

http://music.rehandalal.com
(Use firefox to see what it should look like and IE to see what the problem is!)

the css code is here:

http://music.rehandalal.com/CSS/main.css

Any ideas on how I can fix the problem??

Thanks!!

[WebJoel]

This might be a problem:

line 81 column 35 - Warning: <iframe> attribute "height" has invalid value "248px"


<iframe src ="content/blank.php" width="795px" height="248px" style="border: 0px" id="displayPane" name="displayPane"></iframe>

There is no such thing as "px" in HTML attribute height="" and width="". "px" is not valid HTML

<iframe src ="content/blank.php" id="displayPane" name="displayPane" style="width:795px; height:248px; border:0;"></iframe> might work. I didn't test this as the URL is 'relative path' and I'd not see anything anyway.

Also, good practice for writing inline CSS is to place the style="" at the end of the tag (not have any alt="" or name=""/id="" after the style="foo:bar;" statements).

--------------

I'mm also alittle confused as to what/why this does/is written this way :confused:
BODY {
background-color: #070E15;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #FFFFFF;
margin: 0px;
}

BODY.displayPage {
background-color: #05080D;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #FFFFFF;
margin: 0px;
} If you give BODY some declaration/values, -how can a "class" also be a 'sub' of BODY? I don't know, -maybe it CAN be... I just can't image why or what advantage this brings to the picnic... If there is a DIV called class="displayPage", it is already a child of BODY, so stating such in your CSS is redundant at the least.

[rehandalal]

Well the problem isn't with the size of the iframe. The problem is the tables arent being sized according to the pixel sizes assigned to them by the CSS file. And it's only a problem in IE... :mad:

And about the body class its completely valid CSS according to W3C and it works just fine so I assume its fine... There's no div which uses the class displayPage. It's used by the page within the iframe.