ansaurus

Question

Table inside div,but stil higher than parent div

Answer 1

A:

Maybe because of table-layout CSS property. Generally if the table is auto-layout, then it sizes itself to the content, regardless of what you put in the <table> tag. The table rendering algorithm is convoluted at best.

Your best bet is to make sure your table is fixed layout and then make sure the first row of TD elements have fixed widths. Otherwise you'll run into many issues, including many browser-specific ones.

Glenn 2009-08-31 05:24:04

Answer 2

A:

There is a very simple reason: The table element doesn't have a height attribute.

If you want to set the height on a table, you have to use CSS:

style="height:100%;"

Guffa 2009-08-31 05:42:18

I tried it with firefox,not working.

Shore 2009-08-31 05:44:23

And not working with IE neither.

Shore 2009-08-31 05:45:16

I tried it with your code (adding the neccessary tags to make it a real html document of course), and it's working just fine. The table height is a minimum value so you can't use it to force the table to get smaller than the height of it's cells. For that you need to set the height of the rows or the cells.

Guffa 2009-08-31 06:05:14

Answer 3

A:

The problem is that your table's calculated height is already greater than 90px. I bumped it up to 290px and your code worked.

The preferable way to set the height, however, is through CSS, such as:

#experiences-mirror {
 width: 100%;
 height: 100%;
}

Jason Berry 2009-08-31 05:44:39

I can't bump the height,how can I make the table resize itself to fit the container?

Shore 2009-08-31 05:46:28

It already does work (tested in FF and IE). The <div> is 90px high, the <table> has a calculated height exceeding that. If you change the 90px on the <div> to 290px you would see it working.

Jason Berry 2009-08-31 05:49:19

But I can't change 90px to 290px,the size can't be changed.I need the table to resize itself automatically.

Shore 2009-08-31 05:50:45

It IS automatically resizing itself. Do you want it to automatically get smaller or something?

Jason Berry 2009-08-31 05:52:52

yes,in this case,the table should automatically get smaller if it's already bigger than parent container.

Shore 2009-08-31 05:57:00

That isn't possible. It's like trying to pour a bucket of water into a cup, the overflow has to go somewhere! You can control the visibility of that "overflow" with the CSS overflow property: http://www.w3schools.com/Css/pr_pos_overflow.asp

Jason Berry 2009-08-31 06:13:08

ansaurus

tags:

views:

answers:

Table inside div,but stil higher than parent div

related questions