hi, if i make a table, a div or whatever and i set attributes to it, i can set a width, like a 10% width of total width available or something like that, and the browser will, in general, adapt to that value. if i set a value too narrow, and the content can not fit in this value, the block will stretch to fit that content.
i need to do something like that, but with height. i am displaying some content separated in sections, and the last section, at the bottom (a td in a table) should only take the minimum height it requires to display its content.
when i defined it, i set if with 'height="1%"', and it works fine in mozilla, but not in explorer or chrome. if it does not work, i will not tear my hair over it, but still looks ugly. i though that if i set the height as 1%, the content would not fit so uit would stretch to the minimum space to display that section, and that idea works fine in mozilla, but chrome and explorer show all tds with the same height. i later set the td above as height 99% and it all went loose, it would look bad even in mozilla, so i removed the 1% and left only the 99% above, and same results, ugly, does not work as expected. if i replace the 1% by 1 pixel, i get the same results. how do i set in my css something so the container has only the required height, so a single line does not occupy the same height as a section above that may require many lines?