HTML question: nested table at 100% height via CSS
#1
HTML question: nested table at 100% height via CSS
I have a main table at 100% height and 100% width
It has two cells each 100% height
Inside the right cell I need another table, also 100% height
This renders ok in firefox, but IE doesn't render it correctly - the height isn't 100%, its just whatever the contents of the cells are.
Can someone tell me if its possible to have a nested table in IE, that is 100% height ?
It has two cells each 100% height
Inside the right cell I need another table, also 100% height
This renders ok in firefox, but IE doesn't render it correctly - the height isn't 100%, its just whatever the contents of the cells are.
Can someone tell me if its possible to have a nested table in IE, that is 100% height ?
Last edited by spectrum48k; 01 November 2006 at 06:40 PM.
#2
Scooby Regular
Join Date: Apr 1999
Location: Bore Knee Muff
Posts: 3,666
Likes: 0
Received 0 Likes
on
0 Posts
#4
I think this is what you want? This works fine in FF, IE6 & IE7. The border is on so you can see it.
Jules
Jules
Code:
<html> <head> <title>test</title> </head> <body> <table style="WIDTH: 100%; BORDER: black 1px solid; HEIGHT: 100%"> <tr> <td style="WIDTH: 50%; VERTICAL-ALIGN: top;">a</td> <td style="WIDTH: 50%"><table style="BORDER: black 1px solid; WIDTH: 100%; HEIGHT: 100%;"> <tr> <td style="VERTICAL-ALIGN: top;">b</td> </tr> </table> </td> </tr> </table> </body> </html>
#5
Originally Posted by cottonfoo
There's no height attribute for HTML tables, so use CSS as above.
The problem I'm having is rendering a table of 100% height, inside a table thats 100% height (using CSS)
I've approached the problem a different way now, so the above solution is no longer needed.
I would be curious if it can be done tho'
Thread
Thread Starter
Forum
Replies
Last Post
shorty87
Full Cars Breaking For Spares
19
22 December 2015 11:59 AM
speedrick
Subaru Parts
0
26 September 2015 03:01 PM
shorty87
Wheels And Tyres For Sale
0
25 September 2015 08:36 PM