height: 100% problem in Opera and FF

crash_D.

hi... here is the main page template for my friends animation studio, and the main white rectangle must be centered and middled.... i have put everything in a table cell and gave align and valign, and also have given that parent table css properties: height: 100% and width: 100%... so, the table must stretch all the way across the browser, and the children nodes must be centered and middled... ALAS... this only works in IE... apparently, the height: 100% does not work for FF and opera... note the borders i have setup purposefully to view the tables

p.s. i know,,, tables are for table data, dut lets face it, for this particular example its much faster to do it with tables.. until i run into this problemm ..lol...

edit: the problem can be seen only on screen resoluitions higher than 1024,,, also, i forgot to post the question:

HELP center the rectangle please!! thanks

jimw

I don't understand. The page displays fine and the same way in IE6 and FF. Are you talking about the white rectangle that looks like a window in the house?

crash_D.

yes...no, i am talking about the window in which the house is enclosed... the main container with rounded corners.. but what is your screen resolution? if it is 1024 or smaller, than you cannot see the problem

jimw

Okay, I just changed to a higher res and see the problem:
td#house { width: 558px; height: 497px; }
Maybe you could add alignment to this.

crash_D.

i don't think it would help, because there is a general container table with one tr and one td, and then in it is the table that holds the white rectangle with rounded corners, and the td#house table cell in the center... there are two tables, and i need to put the child table centered and middled in the parent container table... what you say is in the child table, so it does not change anything with the parent table, but the problem is with the parent table...