Forum Moderators: open

Message Too Old, No Replies

Need 100% height table (Fluid)

how avoiding deprecated height

         

henry0

1:33 pm on Jun 30, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I need a “real” table and not using exclusively CSS elements positioning
The design is to be fluid (100% height)
Does not use left or right col
Only 3 parallel lateral rows: header, main and footer
Since height is deprecated
How will you address my quest?
Requested: working in IE, Netscape and Mozilla

Thanks
Regards

Henry

Birdman

1:55 pm on Jun 30, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



If you want a 'real' table, why not just use the genuine thing? This seems to work as well, yet I'm not sure if it meets your requirements.

<style type="text/css">
#top{height: 20%;}
#mid{height: 60%;}
#bot{height: 20%;}
</style>
</head>
<body>
<div id="top">
gdfgfdjgfdg
</div>
<div id="mid">
gdfgfdjgfdg
</div>
<div id="bot">
gdfgfdjgfdg
</div>
</body>

henry0

2:08 pm on Jun 30, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Birdman
I seldom used that combo
but indeed you are coorect that should work and be cross browser friendly
thanks