Table Height 100 inside Div element

Question

Hi I want to set table height 100  to its parent div without define height in div  My code is not working  I dont know what I am missing  Fiddle link   lt div style  overflow hidden  gt   lt div style  float left  gt a lt br   gt b lt  div gt   lt table cellpadding  0  cellspacing  0  height  100   style  border solid 1px  000000  gt   lt tr gt   lt td valign  middle  gt c lt  td gt  lt  tr gt   lt  table gt   lt  div gt

User · Answer

You need to have a height in the div  lt div style  overflow hidden  gt  else it doesnt know what 100  is

User · Answer

This is how you can do it-  HTML-   lt div style  overflow hidden  height 100   gt        lt div style  float left  gt a lt br gt b lt  div gt        lt table cellpadding  0  cellspacing  0  style  height 100    gt                  lt tr gt  lt td gt This is the content of a table that takes 100  height lt  td gt  lt  tr gt           lt  table gt    lt  div gt    CSS-  html body       height 100       background-color grey    table       background-color yellow      See the DEMO  Update  Well  if you are not looking for applying 100  height to your parent containers  then here is a jQuery solution that should help you-  Demo-using jQuery  Script-     document  ready function        var b    window  height      gets the window s height  change the selector if you are looking for height relative to some other element         tab   css  height  b

User · Answer

to set height of table to its container I must do   1  set  position  absolute   2  remove redundant contents of cells

User · Answer

Not possible without assigning height value to div   Add this  body  html height 100   div height 100   table background green  width 450px         DEMO

User · Answer

Had a similar problem  My solution was to give the inner table a fixed height of 1px and set the height of the td in the inner table to 100   Against all odds  it works fine  tested in IE  Chrome and FF

[html] Table Height 100% inside Div element

Examples related to html

Examples related to css